#166DC5
A medium, vivid blue closely aligning with Cornflowerblue.
About #166DC5
Visually, #166DC5 is defined as a vivid blue. Designers often compare it to the standard color Cornflowerblue. To achieve this exact tint on a monitor, you would use an RGB mix of 22, 109, and 197.
If you are designing for print, the four-color process is what matters most. This specific hue requires a mix of 89% C, 45% M, 0% Y, and 23% K. The HSL representation is 210.2° hue, 79.9% saturation, and 42.9% lightness.
When using this color as a background, text legibility must be considered. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. You can view the detailed AAA and AA pass/fail metrics in the table below.
Color Space Conversions
HEX#166DC5
RGB22, 109, 197
HSL210.2°, 79.9%, 42.9%
CMYK89%, 45%, 0%, 23%
HSV210.2°, 88.8%, 77.3%
LAB45.8, 8.9, -52.6
XYZ15.9, 15.1, 54.9
Decimal1469893
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
5.21:1
Text on #FFFFFF
AA
4.03:1
Text on #000000
AA Large
4.98:1
Text on #F8FAFC
AA
3.42:1
Text on #0F172A
AA Large
CSS Implementation
.bg-color {
background-color: #166DC5;
}
.text-color {
color: #166DC5;
}
.border-color {
border: 2px solid #166DC5;
}