Color Preview

#677C98

Blue
Opacity
100%
Color Information
HEX #677C98
RGB 103, 124, 152
RGBA rgba(103, 124, 152, 1)
HSL 214°, 19%, 50%
HSLA hsla(214, 19%, 50%, 1)
HSV 214°, 32%, 60%
CMYK 32%, 18%, 0%, 40%
Color Properties
Dark
Brightness
Low
Saturation
Shades & Tints
Shades (Darker)
Tints (Lighter)
Accessibility
Contrast Ratios
White
Ratio: 4.27:1
AA Large
Black
Ratio: 4.91:1
AA
Light Gray
Ratio: 4.05:1
AA Large
Dark Gray
Ratio: 2.69:1
Fail
WCAG 2.1 requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text.