Color Preview

#3697C4

Blue
Opacity
100%
Color Information
HEX #3697C4
RGB 54, 151, 196
RGBA rgba(54, 151, 196, 1)
HSL 199°, 57%, 49%
HSLA hsla(199, 57%, 49%, 1)
HSV 199°, 72%, 77%
CMYK 72%, 23%, 0%, 23%
Color Properties
Dark
Brightness
High
Saturation
Shades & Tints
Shades (Darker)
Tints (Lighter)
Accessibility
Contrast Ratios
White
Ratio: 3.29:1
AA Large
Black
Ratio: 6.38:1
AA
Light Gray
Ratio: 3.12:1
AA Large
Dark Gray
Ratio: 3.5:1
AA Large
WCAG 2.1 requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text.