Color Preview

#314A5B

Blue
Opacity
100%
Color Information
HEX #314A5B
RGB 49, 74, 91
RGBA rgba(49, 74, 91, 1)
HSL 204°, 30%, 27%
HSLA hsla(204, 30%, 27%, 1)
HSV 204°, 46%, 36%
CMYK 46%, 19%, 0%, 64%
Color Properties
Dark
Brightness
Low
Saturation
Shades & Tints
Shades (Darker)
Tints (Lighter)
Accessibility
Contrast Ratios
White
Ratio: 9.29:1
AAA
Black
Ratio: 2.26:1
Fail
Light Gray
Ratio: 8.81:1
AAA
Dark Gray
Ratio: 1.24:1
Fail
WCAG 2.1 requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text.