#9CF0BF

#9CF0BF

Color Values

HEX

#9CF0BF

RGB

156, 240, 191

HSL

145.0, 73.7%, 77.6%

HSV

145.0, 35.0%, 94.1%

CMYK

35.0%, 0.0%, 20.4%, 5.9%

OKLCH

0.8882 0.1068 157.7

Properties

Cool Light Nearest: darkseagreen 2

Color Harmonies

Complementary

#9CF0BF

#F09CCD

Analogous

#A3F09C

#9CF0E9

#9CF0BF

Triadic

#9CF0BF

#BF9CF0

#F0BF9C

Split Complementary

#9CF0BF

#E99CF0

#F09CA3

Tetradic

#9CF0BF

#9CA3F0

#F09CCD

#F0E99C

Color Blindness Simulation

Original

#9CF0BF

Protanopia

#C0C1CB

Deuteranopia

#BCB5CE

Tritanopia

#A0D4D6

Achromatopsia

#DBDBDB

CSS Usage

background-color: #9CF0BF;
color: #9CF0BF;
border-color: #9CF0BF;
Nearest Tailwind: Emerald 200 #A7F3D0

Tailwind Shades

50
#F3FCF7
100
#E2F8EB
200
#C1F6D7
300
#95EFBA
400
#5BE695
500
#22DD70
600
#1BB159
700
#158E48
800
#116F38
900
#10512B
950
#0A331B

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

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