#89EBEC

#89EBEC

Color Values

HEX

#89EBEC

RGB

137, 235, 236

HSL

180.6, 72.3%, 73.1%

HSV

180.6, 41.9%, 92.5%

CMYK

41.9%, 0.4%, 0.0%, 7.5%

OKLCH

0.8805 0.0926 196.5

Properties

Cool Light Nearest: cadetblue 2

Color Harmonies

Complementary

#89EBEC

#EC8A89

Analogous

#89ECBB

#89B9EC

#89EBEC

Triadic

#89EBEC

#EC89EB

#EBEC89

Split Complementary

#89EBEC

#EC89B9

#ECBB89

Tetradic

#89EBEC

#BB89EC

#EC8A89

#B9EC89

Color Blindness Simulation

Original

#89EBEC

Protanopia

#B3B4EC

Deuteranopia

#AEA6EC

Tritanopia

#8EECEC

Achromatopsia

#D6D6D6

CSS Usage

background-color: #89EBEC;
color: #89EBEC;
border-color: #89EBEC;
Nearest Tailwind: Cyan 200 #A5F3FC

Tailwind Shades

50
#F3FCFC
100
#E2F8F8
200
#C1F5F5
300
#96EDEE
400
#5CE4E5
500
#23DADC
600
#1CAEB0
700
#178B8D
800
#126D6E
900
#114F50
950
#0B3233

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

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