Color Preview

#686AF6

Blue
Opacity
100%
Color Information
HEX #686AF6
RGB 104, 106, 246
RGBA rgba(104, 106, 246, 1)
HSL 239°, 89%, 69%
HSLA hsla(239, 89%, 69%, 1)
HSV 239°, 58%, 96%
CMYK 58%, 57%, 0%, 4%
Color Properties
Dark
Brightness
High
Saturation
Shades & Tints
Shades (Darker)
Tints (Lighter)
Accessibility
Contrast Ratios
White
Ratio: 4.22:1
AA Large
Black
Ratio: 4.98:1
AA
Light Gray
Ratio: 4:1
AA Large
Dark Gray
Ratio: 2.73:1
Fail
WCAG 2.1 requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text.