Color Preview

#306AAE

Blue
Opacity
100%
Color Information
HEX #306AAE
RGB 48, 106, 174
RGBA rgba(48, 106, 174, 1)
HSL 212°, 57%, 44%
HSLA hsla(212, 57%, 44%, 1)
HSV 212°, 72%, 68%
CMYK 72%, 39%, 0%, 32%
Color Properties
Dark
Brightness
High
Saturation
Shades & Tints
Shades (Darker)
Tints (Lighter)
Accessibility
Contrast Ratios
White
Ratio: 5.53:1
AA
Black
Ratio: 3.8:1
AA Large
Light Gray
Ratio: 5.24:1
AA
Dark Gray
Ratio: 2.08:1
Fail
WCAG 2.1 requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text.