#9BCED8

#9BCED8

Color Values

HEX

#9BCED8

RGB

155, 206, 216

HSL

189.8, 43.9%, 72.7%

HSV

189.8, 28.2%, 84.7%

CMYK

28.2%, 4.6%, 0.0%, 15.3%

OKLCH

0.8191 0.0547 211.0

Properties

Cool Light Nearest: NCS S 0520-B10G Ice Blue

Color Harmonies

Complementary

#9BCED8

#D8A59B

Analogous

#9BD8C3

#9BAFD8

#9BCED8

Triadic

#9BCED8

#D89BCE

#CED89B

Split Complementary

#9BCED8

#D89BAF

#D8C39B

Tetradic

#9BCED8

#C39BD8

#D8A59B

#AFD89B

Color Blindness Simulation

Original

#9BCED8

Protanopia

#B1B2D6

Deuteranopia

#AEAAD5

Tritanopia

#9ED4D3

Achromatopsia

#C4C4C4

CSS Usage

background-color: #9BCED8;
color: #9BCED8;
border-color: #9BCED8;
Nearest Tailwind: Sky 200 #BAE6FD

Tailwind Shades

50
#F4F9FA
100
#E6F2F4
200
#CCE6EB
300
#A7D4DD
400
#77BDCA
500
#48A5B7
600
#398493
700
#2E6A75
800
#24535C
900
#1D3D44
950
#13272B

Contrast Checker

Text on white

1.72:1

AA Fail AAA Fail

Text on black

12.21:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026