Color Preview

#677AAD

Blue
Opacity
100%
Color Information
HEX #677AAD
RGB 103, 122, 173
RGBA rgba(103, 122, 173, 1)
HSL 224°, 30%, 54%
HSLA hsla(224, 30%, 54%, 1)
HSV 224°, 40%, 68%
CMYK 40%, 29%, 0%, 32%
Color Properties
Dark
Brightness
Low
Saturation
Shades & Tints
Shades (Darker)
Tints (Lighter)
Accessibility
Contrast Ratios
White
Ratio: 4.23:1
AA Large
Black
Ratio: 4.96:1
AA
Light Gray
Ratio: 4.01:1
AA Large
Dark Gray
Ratio: 2.72:1
Fail
WCAG 2.1 requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text.