#72F4BE

#72F4BE

Color Values

HEX

#72F4BE

RGB

114, 244, 190

HSL

155.1, 85.5%, 70.2%

HSV

155.1, 53.3%, 95.7%

CMYK

53.3%, 0.0%, 22.1%, 4.3%

OKLCH

0.8791 0.1395 163.7

Properties

Cool Light Nearest: aquamarine

Color Harmonies

Complementary

#72F4BE

#F472A8

Analogous

#72F47D

#72E9F4

#72F4BE

Triadic

#72F4BE

#BE72F4

#F4BE72

Split Complementary

#72F4BE

#F472E9

#F47D72

Tetradic

#72F4BE

#7D72F4

#F472A8

#E9F472

Color Blindness Simulation

Original

#72F4BE

Protanopia

#AAABCB

Deuteranopia

#A399CE

Tritanopia

#78D5D8

Achromatopsia

#D4D4D4

CSS Usage

background-color: #72F4BE;
color: #72F4BE;
border-color: #72F4BE;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F2FDF8
100
#E0FAEF
200
#BDFAE0
300
#8DF6CB
400
#50F1AE
500
#12ED92
600
#0FBD75
700
#0C975D
800
#097649
900
#0B5637
950
#073623

Contrast Checker

Text on white

1.36:1

AA Fail AAA Fail

Text on black

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