Color Preview

#313F63

Blue
Opacity
100%
Color Information
HEX #313F63
RGB 49, 63, 99
RGBA rgba(49, 63, 99, 1)
HSL 223°, 34%, 29%
HSLA hsla(223, 34%, 29%, 1)
HSV 223°, 51%, 39%
CMYK 51%, 36%, 0%, 61%
Color Properties
Dark
Brightness
Low
Saturation
Shades & Tints
Shades (Darker)
Tints (Lighter)
Accessibility
Contrast Ratios
White
Ratio: 10.39:1
AAA
Black
Ratio: 2.02:1
Fail
Light Gray
Ratio: 9.85:1
AAA
Dark Gray
Ratio: 1.11:1
Fail
WCAG 2.1 requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text.