Color Preview

#304AA6

Blue
Opacity
100%
Color Information
HEX #304AA6
RGB 48, 74, 166
RGBA rgba(48, 74, 166, 1)
HSL 227°, 55%, 42%
HSLA hsla(227, 55%, 42%, 1)
HSV 227°, 71%, 65%
CMYK 71%, 55%, 0%, 35%
Color Properties
Dark
Brightness
High
Saturation
Shades & Tints
Shades (Darker)
Tints (Lighter)
Accessibility
Contrast Ratios
White
Ratio: 7.91:1
AAA
Black
Ratio: 2.66:1
Fail
Light Gray
Ratio: 7.5:1
AAA
Dark Gray
Ratio: 1.46:1
Fail
WCAG 2.1 requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text.