#72A669

#72A669

Color Values

HEX

#72A669

RGB

114, 166, 105

HSL

111.1, 25.5%, 53.1%

HSV

111.1, 36.7%, 65.1%

CMYK

31.3%, 0.0%, 36.7%, 34.9%

OKLCH

0.6728 0.1034 140.8

Properties

Cool Light Nearest: Asparagus

Color Harmonies

Complementary

#72A669

#9D69A6

Analogous

#90A669

#69A67E

#72A669

Triadic

#72A669

#6972A6

#A66972

Split Complementary

#72A669

#7E69A6

#A66990

Tetradic

#72A669

#6990A6

#9D69A6

#A67E69

Color Blindness Simulation

Original

#72A669

Protanopia

#898978

Deuteranopia

#86827B

Tritanopia

#758386

Achromatopsia

#979797

CSS Usage

background-color: #72A669;
color: #72A669;
border-color: #72A669;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F6F9F6
100
#EAF1E9
200
#D5E4D2
300
#B7D1B2
400
#90B989
500
#69A05F
600
#54804C
700
#43663D
800
#34502F
900
#293C25
950
#1A2618

Contrast Checker

Text on white

2.85:1

AA Fail AAA Fail

Text on black

7.37:1

AA Pass AAA Pass

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