Color Preview

#506BA2

Blue
Opacity
100%
Color Information
HEX #506BA2
RGB 80, 107, 162
RGBA rgba(80, 107, 162, 1)
HSL 220°, 34%, 47%
HSLA hsla(220, 34%, 47%, 1)
HSV 220°, 51%, 64%
CMYK 51%, 34%, 0%, 36%
Color Properties
Dark
Brightness
Low
Saturation
Shades & Tints
Shades (Darker)
Tints (Lighter)
Accessibility
Contrast Ratios
White
Ratio: 5.3:1
AA
Black
Ratio: 3.97:1
AA Large
Light Gray
Ratio: 5.02:1
AA
Dark Gray
Ratio: 2.17:1
Fail
WCAG 2.1 requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text.