#72EBEE

#72EBEE

Color Values

HEX

#72EBEE

RGB

114, 235, 238

HSL

181.5, 78.5%, 69.0%

HSV

181.5, 52.1%, 93.3%

CMYK

52.1%, 1.3%, 0.0%, 6.7%

OKLCH

0.8719 0.1087 197.5

Properties

Cool Light Nearest: cadetblue 2

Color Harmonies

Complementary

#72EBEE

#EE7572

Analogous

#72EEB3

#72ADEE

#72EBEE

Triadic

#72EBEE

#EE72EB

#EBEE72

Split Complementary

#72EBEE

#EE72AD

#EEB372

Tetradic

#72EBEE

#B372EE

#EE7572

#ADEE72

Color Blindness Simulation

Original

#72EBEE

Protanopia

#A6A7ED

Deuteranopia

#9F96ED

Tritanopia

#78EDED

Achromatopsia

#D1D1D1

CSS Usage

background-color: #72EBEE;
color: #72EBEE;
border-color: #72EBEE;
Nearest Tailwind: Cyan 300 #67E8F9

Tailwind Shades

50
#F2FCFC
100
#E1F8F9
200
#BFF6F7
300
#92EFF2
400
#57E7EB
500
#1BDFE4
600
#16B2B6
700
#128E92
800
#0E6F72
900
#0E5153
950
#093334

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

14.83:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026