Color Preview

#3A486A

Blue
Opacity
100%
Color Information
HEX #3A486A
RGB 58, 72, 106
RGBA rgba(58, 72, 106, 1)
HSL 223°, 29%, 32%
HSLA hsla(223, 29%, 32%, 1)
HSV 223°, 45%, 42%
CMYK 45%, 32%, 0%, 58%
Color Properties
Dark
Brightness
Low
Saturation
Shades & Tints
Shades (Darker)
Tints (Lighter)
Accessibility
Contrast Ratios
White
Ratio: 9.07:1
AAA
Black
Ratio: 2.31:1
Fail
Light Gray
Ratio: 8.61:1
AAA
Dark Gray
Ratio: 1.27:1
Fail
WCAG 2.1 requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text.