#20716D

#20716D

Color Values

HEX

#20716D

RGB

32, 113, 109

HSL

177.0, 55.9%, 28.4%

HSV

177.0, 71.7%, 44.3%

CMYK

71.7%, 0.0%, 3.5%, 55.7%

OKLCH

0.5003 0.0758 190.2

Properties

Cool Dark Nearest: Pine Green

Color Harmonies

Complementary

#20716D

#712024

Analogous

#207144

#204C71

#20716D

Triadic

#20716D

#6D2071

#716D20

Split Complementary

#20716D

#71204C

#714420

Tetradic

#20716D

#442071

#712024

#4C7120

Color Blindness Simulation

Original

#20716D

Protanopia

#43446E

Deuteranopia

#3E386E

Tritanopia

#246F6F

Achromatopsia

#5F5F5F

CSS Usage

background-color: #20716D;
color: #20716D;
border-color: #20716D;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F4FBFB
100
#E5F6F5
200
#C7EFED
300
#A0E4E1
400
#6CD5D0
500
#38C7C0
600
#2D9F99
700
#247F7B
800
#1C6360
900
#184946
950
#0F2E2C

Contrast Checker

Text on white

5.76:1

AA Pass AAA Fail

Text on black

3.64: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