#9FCCCF

#9FCCCF

Color Values

HEX

#9FCCCF

RGB

159, 204, 207

HSL

183,8, 33,3%, 71,8%

HSV

183,8, 23,2%, 81,2%

CMYK

23,2%, 1,4%, 0,0%, 18,8%

OKLCH

0,8143 0,0474 201,3

Properties

Cool Light Nearest: NCS S 0520-B10G Ice Blue

Color Harmonies

Complementary

#9FCCCF

#CFA29F

Analogous

#9FCFBA

#9FB4CF

#9FCCCF

Triadic

#9FCCCF

#CF9FCC

#CCCF9F

Split Complementary

#9FCCCF

#CF9FB4

#CFBA9F

Tetradic

#9FCCCF

#BA9FCF

#CFA29F

#B4CF9F

Color Blindness Simulation

Original

#9FCCCF

Protanopia

#B2B3CE

Deuteranopia

#B0ACCE

Tritanopia

#A1CECE

Achromatopsia

#C3C3C3

CSS Usage

background-color: #9FCCCF;
color: #9FCCCF;
border-color: #9FCCCF;
Nearest Tailwind: Slate 300 #CBD5E1

Tailwind Shades

50
#F5F9FA
100
#E8F2F2
200
#CFE6E7
300
#ADD4D6
400
#81BCC0
500
#55A5AA
600
#448488
700
#36696D
800
#2B5255
900
#223D3F
950
#152728

Contrast Checker

Text on white

1,75:1

AA Fail AAA Fail

Text on black

12,01: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