#9BCEF2

#9BCEF2

Color Values

HEX

#9BCEF2

RGB

155, 206, 242

HSL

204.8, 77.0%, 77.8%

HSV

204.8, 36.0%, 94.9%

CMYK

36.0%, 14.9%, 0.0%, 5.1%

OKLCH

0.8283 0.0735 239.5

Properties

Cool Light Nearest: Cornflower

Color Harmonies

Complementary

#9BCEF2

#F2BF9B

Analogous

#9BF2EA

#9BA2F2

#9BCEF2

Triadic

#9BCEF2

#F29BCE

#CEF29B

Split Complementary

#9BCEF2

#F29BA2

#F2EA9B

Tetradic

#9BCEF2

#EA9BF2

#F2BF9B

#A2F29B

Color Blindness Simulation

Original

#9BCEF2

Protanopia

#B1B2E9

Deuteranopia

#AEAAE7

Tritanopia

#9EE2E1

Achromatopsia

#C6C6C6

CSS Usage

background-color: #9BCEF2;
color: #9BCEF2;
border-color: #9BCEF2;
Nearest Tailwind: Sky 300 #7DD3FC

Tailwind Shades

50
#F2F8FC
100
#E1EFF9
200
#C0E0F7
300
#93CAF1
400
#58ADE9
500
#1D91E2
600
#1774B5
700
#135C90
800
#0F4871
900
#0F3652
950
#092234

Contrast Checker

Text on white

1.68:1

AA Fail AAA Fail

Text on black

12.5:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026