#9FDFE4

#9FDFE4

Color Values

HEX

#9FDFE4

RGB

159, 223, 228

HSL

184.3, 56.1%, 75.9%

HSV

184.3, 30.3%, 89.4%

CMYK

30.3%, 2.2%, 0.0%, 10.6%

OKLCH

0.8624 0.0648 202.1

Properties

Cool Light Nearest: Blizzard Blue

Color Harmonies

Complementary

#9FDFE4

#E4A49F

Analogous

#9FE4C6

#9FBDE4

#9FDFE4

Triadic

#9FDFE4

#E49FDF

#DFE49F

Split Complementary

#9FDFE4

#E49FBD

#E4C69F

Tetradic

#9FDFE4

#C69FE4

#E4A49F

#BDE49F

Color Blindness Simulation

Original

#9FDFE4

Protanopia

#BBBBE3

Deuteranopia

#B7B2E2

Tritanopia

#A2E2E2

Achromatopsia

#D2D2D2

CSS Usage

background-color: #9FDFE4;
color: #9FDFE4;
border-color: #9FDFE4;
Nearest Tailwind: Cyan 200 #A5F3FC

Tailwind Shades

50
#F4FAFB
100
#E5F4F6
200
#C7ECEF
300
#9FDFE4
400
#6CCED6
500
#38BDC7
600
#2D979F
700
#24797F
800
#1C5E64
900
#184549
950
#0F2C2E

Contrast Checker

Text on white

1.48:1

AA Fail AAA Fail

Text on black

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