#20712F

#20712F

Color Values

HEX

#20712F

RGB

32, 113, 47

HSL

131.1, 55.9%, 28.4%

HSV

131.1, 71.7%, 44.3%

CMYK

71.7%, 0.0%, 58.4%, 55.7%

OKLCH

0.4845 0.1266 146.4

Properties

Cool Dark Nearest: RAL 6001 Emerald Green

Color Harmonies

Complementary

#20712F

#712062

Analogous

#397120

#207157

#20712F

Triadic

#20712F

#2F2071

#712F20

Split Complementary

#20712F

#572071

#712039

Tetradic

#20712F

#203971

#712062

#715720

Color Blindness Simulation

Original

#20712F

Protanopia

#43443F

Deuteranopia

#3E3843

Tritanopia

#244C4E

Achromatopsia

#5B5B5B

CSS Usage

background-color: #20712F;
color: #20712F;
border-color: #20712F;
Nearest Tailwind: Green 700 #15803D

Tailwind Shades

50
#F4FBF5
100
#E5F6E8
200
#C7EFCF
300
#A0E4AC
400
#6CD57F
500
#38C753
600
#2D9F42
700
#247F35
800
#1C6329
900
#184921
950
#0F2E15

Contrast Checker

Text on white

6.06:1

AA Pass AAA Fail

Text on black

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