#72AA92

#72AA92

Color Values

HEX

#72AA92

RGB

114, 170, 146

HSL

154.3, 24.8%, 55.7%

HSV

154.3, 32.9%, 66.7%

CMYK

32.9%, 0.0%, 14.1%, 33.3%

OKLCH

0.6921 0.069 165.8

Properties

Cool Light Nearest: Forest Green

Color Harmonies

Complementary

#72AA92

#AA728A

Analogous

#72AA76

#72A6AA

#72AA92

Triadic

#72AA92

#9272AA

#AA9272

Split Complementary

#72AA92

#AA72A6

#AA7672

Tetradic

#72AA92

#7672AA

#AA728A

#A6AA72

Color Blindness Simulation

Original

#72AA92

Protanopia

#8A8B98

Deuteranopia

#878399

Tritanopia

#759C9D

Achromatopsia

#9C9C9C

CSS Usage

background-color: #72AA92;
color: #72AA92;
border-color: #72AA92;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F6F9F8
100
#E9F1EE
200
#D2E4DD
300
#B3D1C4
400
#89B8A4
500
#609F84
600
#4D7F6A
700
#3D6655
800
#305042
900
#263B32
950
#182520

Contrast Checker

Text on white

2.66:1

AA Fail AAA Fail

Text on black

7.88:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026