Color Preview

#316CE3

Blue
Opacity
100%
Color Information
HEX #316CE3
RGB 49, 108, 227
RGBA rgba(49, 108, 227, 1)
HSL 220°, 76%, 54%
HSLA hsla(220, 76%, 54%, 1)
HSV 220°, 78%, 89%
CMYK 78%, 52%, 0%, 11%
Color Properties
Dark
Brightness
High
Saturation
Shades & Tints
Shades (Darker)
Tints (Lighter)
Accessibility
Contrast Ratios
White
Ratio: 4.79:1
AA
Black
Ratio: 4.38:1
AA Large
Light Gray
Ratio: 4.54: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.