#1D7CFF
A medium, vivid blue closely aligning with Royalblue.
About #1D7CFF
At its core, #1D7CFF is a medium and vivid hue. It is closely associated with the named CSS color Royalblue. To achieve this exact tint on a monitor, you would use an RGB mix of 29, 124, and 255.
While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). The color uses 89% Cyan, 51% Magenta, 0% Yellow, and 0% Black. The HSL representation is 214.8° hue, 100.0% saturation, and 55.7% lightness.
Ensuring your text is legible against this background is a key part of web design. Because it is a medium color, it is generally recommended to use #000000 text. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.
Color Space Conversions
HEX#1D7CFF
RGB29, 124, 255
HSL214.8°, 100.0%, 55.7%
CMYK89%, 51%, 0%, 0%
HSV214.8°, 88.6%, 100.0%
LAB53.9, 22.2, -72.2
XYZ25.8, 21.9, 97.5
Decimal1932543
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
3.90:1
Text on #FFFFFF
AA Large
5.38:1
Text on #000000
AA
3.73:1
Text on #F8FAFC
AA Large
4.57:1
Text on #0F172A
AA
CSS Implementation
.bg-color {
background-color: #1D7CFF;
}
.text-color {
color: #1D7CFF;
}
.border-color {
border: 2px solid #1D7CFF;
}