#9DCFF2

#9DCFF2

Color Values

HEX

#9DCFF2

RGB

157, 207, 242

HSL

204.7, 76.6%, 78.2%

HSV

204.7, 35.1%, 94.9%

CMYK

35.1%, 14.5%, 0.0%, 5.1%

OKLCH

0.8316 0.0717 239.2

Properties

Cool Light Nearest: Cornflower

Color Harmonies

Complementary

#9DCFF2

#F2C09D

Analogous

#9DF2EA

#9DA4F2

#9DCFF2

Triadic

#9DCFF2

#F29DCF

#CFF29D

Split Complementary

#9DCFF2

#F29DA4

#F2EA9D

Tetradic

#9DCFF2

#EA9DF2

#F2C09D

#A4F29D

Color Blindness Simulation

Original

#9DCFF2

Protanopia

#B3B3EA

Deuteranopia

#B0ACE7

Tritanopia

#A0E3E1

Achromatopsia

#C7C7C7

CSS Usage

background-color: #9DCFF2;
color: #9DCFF2;
border-color: #9DCFF2;
Nearest Tailwind: Blue 200 #BFDBFE

Tailwind Shades

50
#F2F8FC
100
#E2EFF9
200
#C0E0F7
300
#93CAF1
400
#58ADE9
500
#1E91E1
600
#1874B4
700
#135D90
800
#0F4871
900
#0F3652
950
#0A2234

Contrast Checker

Text on white

1.66:1

AA Fail AAA Fail

Text on black

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