Color Preview

#686CBB

Blue
Opacity
100%
Color Information
HEX #686CBB
RGB 104, 108, 187
RGBA rgba(104, 108, 187, 1)
HSL 237°, 38%, 57%
HSLA hsla(237, 38%, 57%, 1)
HSV 237°, 44%, 73%
CMYK 44%, 42%, 0%, 27%
Color Properties
Dark
Brightness
Low
Saturation
Shades & Tints
Shades (Darker)
Tints (Lighter)
Accessibility
Contrast Ratios
White
Ratio: 4.72:1
AA
Black
Ratio: 4.45:1
AA Large
Light Gray
Ratio: 4.48:1
AA Large
Dark Gray
Ratio: 2.44:1
Fail
WCAG 2.1 requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text.