#89CFAF

#89CFAF

Color Values

HEX

#89CFAF

RGB

137, 207, 175

HSL

152.6, 42.2%, 67.5%

HSV

152.6, 33.8%, 81.2%

CMYK

33.8%, 0.0%, 15.5%, 18.8%

OKLCH

0.799 0.0844 164.1

Properties

Cool Light Nearest: NCS S 0520-B70G Mint

Color Harmonies

Complementary

#89CFAF

#CF89A9

Analogous

#89CF8C

#89CCCF

#89CFAF

Triadic

#89CFAF

#AF89CF

#CFAF89

Split Complementary

#89CFAF

#CF89CC

#CF8C89

Tetradic

#89CFAF

#8C89CF

#CF89A9

#CCCF89

Color Blindness Simulation

Original

#89CFAF

Protanopia

#A7A8B7

Deuteranopia

#A39EB9

Tritanopia

#8CBDBE

Achromatopsia

#BEBEBE

CSS Usage

background-color: #89CFAF;
color: #89CFAF;
border-color: #89CFAF;
Nearest Tailwind: Emerald 200 #A7F3D0

Tailwind Shades

50
#F5FAF8
100
#E7F4EE
200
#CCEADD
300
#A8DCC4
400
#79C8A4
500
#4AB584
600
#3B916A
700
#2F7455
800
#255B42
900
#1E4332
950
#132A20

Contrast Checker

Text on white

1.81:1

AA Fail AAA Fail

Text on black

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