#72BC94

#72BC94

Color Values

HEX

#72BC94

RGB

114, 188, 148

HSL

147.6, 35.6%, 59.2%

HSV

147.6, 39.4%, 73.7%

CMYK

39.4%, 0.0%, 21.3%, 26.3%

OKLCH

0.7355 0.0949 159.3

Properties

Cool Light Nearest: Forest Green

Color Harmonies

Complementary

#72BC94

#BC729A

Analogous

#75BC72

#72BCB9

#72BC94

Triadic

#72BC94

#9472BC

#BC9472

Split Complementary

#72BC94

#B972BC

#BC7275

Tetradic

#72BC94

#7275BC

#BC729A

#BCB972

Color Blindness Simulation

Original

#72BC94

Protanopia

#92939E

Deuteranopia

#8E88A0

Tritanopia

#76A5A7

Achromatopsia

#A9A9A9

CSS Usage

background-color: #72BC94;
color: #72BC94;
border-color: #72BC94;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F5FAF7
100
#E8F3ED
200
#CFE8DA
300
#ACD8C0
400
#7FC29E
500
#52AD7C
600
#428A63
700
#356F4F
800
#29563E
900
#21402F
950
#15281E

Contrast Checker

Text on white

2.25:1

AA Fail AAA Fail

Text on black

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