#2C7566
A dark, moderate cyan closely aligning with Teal.
About #2C7566
At its core, #2C7566 is a dark and moderate hue. If you're using CSS, you might find it aligns closely with Teal. To achieve this exact tint on a monitor, you would use an RGB mix of 44, 117, and 102.
For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 62% cyan and 0% magenta inks. Always request a physical proof before doing a large print run with this exact code.
Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. To prevent eye strain, #FFFFFF text pairs best with this hex code. Always test your color combinations using a contrast checker before publishing.
Color Space Conversions
HEX#2C7566
RGB44, 117, 102
HSL167.7°, 45.3%, 31.6%
CMYK62%, 0%, 13%, 54%
HSV167.7°, 62.4%, 45.9%
LAB44.5, -26.5, 1.6
XYZ9.8, 14.2, 14.8
Decimal2913638
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
5.46:1
Text on #FFFFFF
AA
3.84:1
Text on #000000
AA Large
5.22:1
Text on #F8FAFC
AA
3.27:1
Text on #0F172A
AA Large
CSS Implementation
.bg-color {
background-color: #2C7566;
}
.text-color {
color: #2C7566;
}
.border-color {
border: 2px solid #2C7566;
}