Color Preview

#3A6AC2

Blue
Opacity
100%
Color Information
HEX #3A6AC2
RGB 58, 106, 194
RGBA rgba(58, 106, 194, 1)
HSL 219°, 54%, 49%
HSLA hsla(219, 54%, 49%, 1)
HSV 219°, 70%, 76%
CMYK 70%, 45%, 0%, 24%
Color Properties
Dark
Brightness
High
Saturation
Shades & Tints
Shades (Darker)
Tints (Lighter)
Accessibility
Contrast Ratios
White
Ratio: 5.22:1
AA
Black
Ratio: 4.02:1
AA Large
Light Gray
Ratio: 4.96:1
AA
Dark Gray
Ratio: 2.2:1
Fail
WCAG 2.1 requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text.