Color Preview

#5678BF

Blue
Opacity
100%
Color Information
HEX #5678BF
RGB 86, 120, 191
RGBA rgba(86, 120, 191, 1)
HSL 221°, 45%, 54%
HSLA hsla(221, 45%, 54%, 1)
HSV 221°, 55%, 75%
CMYK 55%, 37%, 0%, 25%
Color Properties
Dark
Brightness
Low
Saturation
Shades & Tints
Shades (Darker)
Tints (Lighter)
Accessibility
Contrast Ratios
White
Ratio: 4.34:1
AA Large
Black
Ratio: 4.83:1
AA
Light Gray
Ratio: 4.12:1
AA Large
Dark Gray
Ratio: 2.65:1
Fail
WCAG 2.1 requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text.