#02716A

#02716A

Color Values

HEX

#02716A

RGB

2, 113, 106

HSL

176.2, 96.5%, 22.5%

HSV

176.2, 98.2%, 44.3%

CMYK

98.2%, 0.0%, 6.2%, 55.7%

OKLCH

0.4943 0.0857 187.3

Properties

Cool Dark Nearest: Pine Green

Color Harmonies

Complementary

#02716A

#710209

Analogous

#027132

#024071

#02716A

Triadic

#02716A

#6A0271

#716A02

Split Complementary

#02716A

#710240

#713202

Tetradic

#02716A

#320271

#710209

#407102

Color Blindness Simulation

Original

#02716A

Protanopia

#32336C

Deuteranopia

#2C236C

Tritanopia

#086D6D

Achromatopsia

#595959

CSS Usage

background-color: #02716A;
color: #02716A;
border-color: #02716A;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F1FEFD
100
#DFFCFA
200
#B9FEF9
300
#87FDF5
400
#46FCF0
500
#04FBEB
600
#04C8BC
700
#03A096
800
#027D75
900
#065B55
950
#043936

Contrast Checker

Text on white

5.88:1

AA Pass AAA Fail

Text on black

3.57:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026