#2C6DDB
A medium, vivid blue closely aligning with Royalblue.
About #2C6DDB
At its core, #2C6DDB is a medium and vivid hue. If you're using CSS, you might find it aligns closely with Royalblue. To achieve this exact tint on a monitor, you would use an RGB mix of 44, 109, and 219.
If you are designing for print, the four-color process is what matters most. The color uses 80% Cyan, 50% Magenta, 0% Yellow, and 14% Black. This makes it a relatively light color when applied to physical surfaces.
Contrast ratios determine whether this color is safe for typography. To prevent eye strain, #FFFFFF text pairs best with this hex code. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.
Color Space Conversions
HEX#2C6DDB
RGB44, 109, 219
HSL217.7°, 70.9%, 51.6%
CMYK80%, 50%, 0%, 14%
HSV217.7°, 79.9%, 85.9%
LAB47.7, 19.1, -62.1
XYZ19.3, 16.6, 69.2
Decimal2911707
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
4.86:1
Text on #FFFFFF
AA
4.32:1
Text on #000000
AA Large
4.65:1
Text on #F8FAFC
AA
3.67:1
Text on #0F172A
AA Large
CSS Implementation
.bg-color {
background-color: #2C6DDB;
}
.text-color {
color: #2C6DDB;
}
.border-color {
border: 2px solid #2C6DDB;
}