#12697F
A dark, vivid cyan closely aligning with Teal.
About #12697F
The precise color #12697F is an excellent choice for modern design projects. It is closely associated with the named CSS color Teal. This translates to an RGB value of rgb(18, 105, 127).
While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). The color uses 86% Cyan, 17% Magenta, 0% Yellow, and 50% Black. Always request a physical proof before doing a large print run with this exact code.
From a UX and accessibility standpoint, contrast is paramount. Because it is a dark color, it is generally recommended to use #FFFFFF text. Always test your color combinations using a contrast checker before publishing.
Color Space Conversions
HEX#12697F
RGB18, 105, 127
HSL192.1°, 75.2%, 28.4%
CMYK86%, 17%, 0%, 50%
HSV192.1°, 85.8%, 49.8%
LAB40.8, -16.0, -19.1
XYZ9.1, 11.8, 21.9
Decimal1206655
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
6.26:1
Text on #FFFFFF
AA
3.35:1
Text on #000000
AA Large
5.99:1
Text on #F8FAFC
AA
2.85:1
Text on #0F172A
FAIL
CSS Implementation
.bg-color {
background-color: #12697F;
}
.text-color {
color: #12697F;
}
.border-color {
border: 2px solid #12697F;
}