Color Preview

#314666

Blue
Opacity
100%
Color Information
HEX #314666
RGB 49, 70, 102
RGBA rgba(49, 70, 102, 1)
HSL 216°, 35%, 30%
HSLA hsla(216, 35%, 30%, 1)
HSV 216°, 52%, 40%
CMYK 52%, 31%, 0%, 60%
Color Properties
Dark
Brightness
Low
Saturation
Shades & Tints
Shades (Darker)
Tints (Lighter)
Accessibility
Contrast Ratios
White
Ratio: 9.55:1
AAA
Black
Ratio: 2.2:1
Fail
Light Gray
Ratio: 9.06:1
AAA
Dark Gray
Ratio: 1.2:1
Fail
WCAG 2.1 requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text.