Color Preview

#337A98

Blue
Opacity
100%
Color Information
HEX #337A98
RGB 51, 122, 152
RGBA rgba(51, 122, 152, 1)
HSL 198°, 50%, 40%
HSLA hsla(198, 50%, 40%, 1)
HSV 198°, 66%, 60%
CMYK 66%, 20%, 0%, 40%
Color Properties
Dark
Brightness
Low
Saturation
Shades & Tints
Shades (Darker)
Tints (Lighter)
Accessibility
Contrast Ratios
White
Ratio: 4.8:1
AA
Black
Ratio: 4.38:1
AA Large
Light Gray
Ratio: 4.55:1
AA
Dark Gray
Ratio: 2.4:1
Fail
WCAG 2.1 requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text.