Color Preview

#304A86

Blue
Opacity
100%
Color Information
HEX #304A86
RGB 48, 74, 134
RGBA rgba(48, 74, 134, 1)
HSL 222°, 47%, 36%
HSLA hsla(222, 47%, 36%, 1)
HSV 222°, 64%, 53%
CMYK 64%, 45%, 0%, 47%
Color Properties
Dark
Brightness
Low
Saturation
Shades & Tints
Shades (Darker)
Tints (Lighter)
Accessibility
Contrast Ratios
White
Ratio: 8.57:1
AAA
Black
Ratio: 2.45:1
Fail
Light Gray
Ratio: 8.13:1
AAA
Dark Gray
Ratio: 1.34:1
Fail
WCAG 2.1 requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text.