Color Preview

#316A96

Blue
Opacity
100%
Color Information
HEX #316A96
RGB 49, 106, 150
RGBA rgba(49, 106, 150, 1)
HSL 206°, 51%, 39%
HSLA hsla(206, 51%, 39%, 1)
HSV 206°, 67%, 59%
CMYK 67%, 29%, 0%, 41%
Color Properties
Dark
Brightness
High
Saturation
Shades & Tints
Shades (Darker)
Tints (Lighter)
Accessibility
Contrast Ratios
White
Ratio: 5.78:1
AA
Black
Ratio: 3.63:1
AA Large
Light Gray
Ratio: 5.48:1
AA
Dark Gray
Ratio: 1.99:1
Fail
WCAG 2.1 requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text.