Color Preview

#3684A3

Blue
Opacity
100%
Color Information
HEX #3684A3
RGB 54, 132, 163
RGBA rgba(54, 132, 163, 1)
HSL 197°, 50%, 43%
HSLA hsla(197, 50%, 43%, 1)
HSV 197°, 67%, 64%
CMYK 67%, 19%, 0%, 36%
Color Properties
Dark
Brightness
Low
Saturation
Shades & Tints
Shades (Darker)
Tints (Lighter)
Accessibility
Contrast Ratios
White
Ratio: 4.21:1
AA Large
Black
Ratio: 4.99:1
AA
Light Gray
Ratio: 4:1
AA Large
Dark Gray
Ratio: 2.73:1
Fail
WCAG 2.1 requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text.