Color Preview

#338AAC

Blue
Opacity
100%
Color Information
HEX #338AAC
RGB 51, 138, 172
RGBA rgba(51, 138, 172, 1)
HSL 197°, 54%, 44%
HSLA hsla(197, 54%, 44%, 1)
HSV 197°, 70%, 67%
CMYK 70%, 20%, 0%, 33%
Color Properties
Dark
Brightness
High
Saturation
Shades & Tints
Shades (Darker)
Tints (Lighter)
Accessibility
Contrast Ratios
White
Ratio: 3.91:1
AA Large
Black
Ratio: 5.37:1
AA
Light Gray
Ratio: 3.71:1
AA Large
Dark Gray
Ratio: 2.94:1
Fail
WCAG 2.1 requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text.