Color Preview

#677BC5

Blue
Opacity
100%
Color Information
HEX #677BC5
RGB 103, 123, 197
RGBA rgba(103, 123, 197, 1)
HSL 227°, 45%, 59%
HSLA hsla(227, 45%, 59%, 1)
HSV 227°, 48%, 77%
CMYK 48%, 38%, 0%, 23%
Color Properties
Dark
Brightness
Low
Saturation
Shades & Tints
Shades (Darker)
Tints (Lighter)
Accessibility
Contrast Ratios
White
Ratio: 4.03:1
AA Large
Black
Ratio: 5.22:1
AA
Light Gray
Ratio: 3.82:1
AA Large
Dark Gray
Ratio: 2.86:1
Fail
WCAG 2.1 requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text.