HEX Color #00755F (Teal)

About #00755F

The precise color #00755F is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Teal. In the RGB color space, it consists of 0 red, 117 green, and 95 blue.

If you are designing for print, the four-color process is what matters most. This specific hue requires a mix of 100% C, 0% M, 19% Y, and 54% K. With a hue angle of 168.7 degrees, it sits comfortably in the cyan spectrum.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#00755F

RGB0, 117, 95

HSL168.7°, 100.0%, 22.9%

CMYK100%, 0%, 19%, 54%

HSV168.7°, 100.0%, 45.9%

LAB43.6, -33.9, 4.2

XYZ8.4, 13.5, 13.0

Decimal30047

Color Harmonies

Complementary

#00755F #750015

Analogous

#007524 #005075

Triadic

#5F0075 #755F00

Tetradic

#240075 #750015 #507500

Tints, Shades & Tones

Tints (Adding White)

#00755F

#1C8470

#389382

#55A394

#71B2A6

#8DC1B7

#AAD1C9

#C6E0DB

#E2EFED

#FFFFFF

Shades (Adding Black)

#00755F

#006854

#005B49

#004E3F

#004134

#00342A

#00271F

#001A15

#000D0A

#000000

WCAG Contrast Accessibility

5.66:1

Text on #FFFFFF

AA

3.71:1

Text on #000000

AA Large

5.41:1

Text on #F8FAFC

AA

3.15:1

Text on #0F172A

AA Large

CSS Implementation

.bg-color { background-color: #00755F; }

.text-color { color: #00755F; }

.border-color { border: 2px solid #00755F; }

Similar Colors

Teal

#008080