#72BE98

#72BE98

Color Values

HEX

#72BE98

RGB

114, 190, 152

HSL

150,0, 36,9%, 59,6%

HSV

150,0, 40,0%, 74,5%

CMYK

40,0%, 0,0%, 20,0%, 25,5%

OKLCH

0,7413 0,0945 161,1

Properties

Cool Light Nearest: Forest Green

Color Harmonies

Complementary

#72BE98

#BE7298

Analogous

#72BE72

#72BEBE

#72BE98

Triadic

#72BE98

#9872BE

#BE9872

Split Complementary

#72BE98

#BE72BE

#BE7272

Tetradic

#72BE98

#7272BE

#BE7298

#BEBE72

Color Blindness Simulation

Original

#72BE98

Protanopia

#9394A1

Deuteranopia

#8E89A3

Tritanopia

#76A8AA

Achromatopsia

#ABABAB

CSS Usage

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

Tailwind Shades

50
#F5FAF7
100
#E8F3ED
200
#CEE8DB
300
#ABD8C2
400
#7EC3A1
500
#50AF80
600
#408C66
700
#337052
800
#285740
900
#204130
950
#14291F

Contrast Checker

Text on white

2,2:1

AA Fail AAA Fail

Text on black

9,53: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