#9FECDF

#9FECDF

Color Values

HEX

#9FECDF

RGB

159, 236, 223

HSL

169,9, 67,0%, 77,5%

HSV

169,9, 32,6%, 92,5%

CMYK

32,6%, 0,0%, 5,5%, 7,5%

OKLCH

0,8893 0,0781 182,7

Properties

Cool Light Nearest: paleturquoise 2

Color Harmonies

Complementary

#9FECDF

#EC9FAC

Analogous

#9FECB9

#9FD3EC

#9FECDF

Triadic

#9FECDF

#DF9FEC

#ECDF9F

Split Complementary

#9FECDF

#EC9FD3

#ECB99F

Tetradic

#9FECDF

#B99FEC

#EC9FAC

#D3EC9F

Color Blindness Simulation

Original

#9FECDF

Protanopia

#C0C1E2

Deuteranopia

#BCB6E3

Tritanopia

#A3E5E5

Achromatopsia

#DBDBDB

CSS Usage

background-color: #9FECDF;
color: #9FECDF;
border-color: #9FECDF;
Nearest Tailwind: Teal 200 #99F6E4

Tailwind Shades

50
#F3FCFA
100
#E3F7F4
200
#C3F3EB
300
#99EBDD
400
#61E0CB
500
#2AD5B8
600
#22AA93
700
#1B8876
800
#156A5C
900
#134E44
950
#0C312B

Contrast Checker

Text on white

1,35:1

AA Fail AAA Fail

Text on black

15,54:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026