#165FBD
A medium, vivid blue closely aligning with Royalblue.
About #165FBD
Visually, #165FBD is defined as a vivid blue. Designers often compare it to the standard color Royalblue. To achieve this exact tint on a monitor, you would use an RGB mix of 22, 95, and 189.
Translating this color to physical media requires the CMYK color model. Its ink density profile breaks down to 88% cyan, 50% magenta, 0% yellow, and 26% black. With a hue angle of 213.8 degrees, it sits comfortably in the blue spectrum.
Ensuring your text is legible against this background is a key part of web design. To prevent eye strain, #FFFFFF text pairs best with this hex code. You can view the detailed AAA and AA pass/fail metrics in the table below.
Color Space Conversions
HEX#165FBD
RGB22, 95, 189
HSL213.8°, 79.1%, 41.4%
CMYK88%, 50%, 0%, 26%
HSV213.8°, 88.4%, 74.1%
LAB41.3, 14.8, -55.3
XYZ13.6, 12.0, 49.7
Decimal1466301
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
6.17:1
Text on #FFFFFF
AA
3.41:1
Text on #000000
AA Large
5.89:1
Text on #F8FAFC
AA
2.90:1
Text on #0F172A
FAIL
CSS Implementation
.bg-color {
background-color: #165FBD;
}
.text-color {
color: #165FBD;
}
.border-color {
border: 2px solid #165FBD;
}