Color Preview

#3682A2

Blue
Opacity
100%
Color Information
HEX #3682A2
RGB 54, 130, 162
RGBA rgba(54, 130, 162, 1)
HSL 198°, 50%, 42%
HSLA hsla(198, 50%, 42%, 1)
HSV 198°, 67%, 64%
CMYK 67%, 20%, 0%, 36%
Color Properties
Dark
Brightness
Low
Saturation
Shades & Tints
Shades (Darker)
Tints (Lighter)
Accessibility
Contrast Ratios
White
Ratio: 4.31:1
AA Large
Black
Ratio: 4.87:1
AA
Light Gray
Ratio: 4.09:1
AA Large
Dark Gray
Ratio: 2.67:1
Fail
WCAG 2.1 requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text.