#207F76

#207F76

Color Values

HEX

#207F76

RGB

32, 127, 118

HSL

174.3, 59.7%, 31.2%

HSV

174.3, 74.8%, 49.8%

CMYK

74.8%, 0.0%, 7.1%, 50.2%

OKLCH

0.5411 0.0859 185.6

Properties

Cool Dark Nearest: Pine Green

Color Harmonies

Complementary

#207F76

#7F2029

Analogous

#207F47

#20597F

#207F76

Triadic

#207F76

#76207F

#7F7620

Split Complementary

#207F76

#7F2059

#7F4720

Tetradic

#207F76

#47207F

#7F2029

#597F20

Color Blindness Simulation

Original

#207F76

Protanopia

#494A78

Deuteranopia

#443C79

Tritanopia

#257A7A

Achromatopsia

#6A6A6A

CSS Usage

background-color: #207F76;
color: #207F76;
border-color: #207F76;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F3FBFA
100
#E4F6F4
200
#C6F1ED
300
#9DE6DF
400
#68D9CE
500
#33CCBD
600
#29A397
700
#218279
800
#1A665F
900
#164A46
950
#0E2F2C

Contrast Checker

Text on white

4.82:1

AA Pass AAA Fail

Text on black

4.36:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026