#336D5F
A dark, moderate cyan closely aligning with Teal.
About #336D5F
Visually, #336D5F is defined as a moderate cyan. If you're using CSS, you might find it aligns closely with Teal. This translates to an RGB value of rgb(51, 109, 95).
If you are designing for print, the four-color process is what matters most. This specific hue requires a mix of 53% C, 0% M, 13% Y, and 57% K. With a hue angle of 165.5 degrees, it sits comfortably in the cyan spectrum.
When using this color as a background, text legibility must be considered. 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#336D5F
RGB51, 109, 95
HSL165.5°, 36.2%, 31.4%
CMYK53%, 0%, 13%, 57%
HSV165.5°, 53.2%, 42.7%
LAB41.9, -22.7, 2.0
XYZ8.9, 12.5, 12.8
Decimal3370335
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
6.01:1
Text on #FFFFFF
AA
3.49:1
Text on #000000
AA Large
5.75:1
Text on #F8FAFC
AA
2.97:1
Text on #0F172A
FAIL
CSS Implementation
.bg-color {
background-color: #336D5F;
}
.text-color {
color: #336D5F;
}
.border-color {
border: 2px solid #336D5F;
}