#9BDBEC

#9BDBEC

Color Values

HEX

#9BDBEC

RGB

155, 219, 236

HSL

192.6, 68.1%, 76.7%

HSV

192.6, 34.3%, 92.5%

CMYK

34.3%, 7.2%, 0.0%, 7.5%

OKLCH

0.8541 0.0687 216.1

Properties

Cool Light Nearest: Blizzard Blue

Color Harmonies

Complementary

#9BDBEC

#ECAC9B

Analogous

#9BECD5

#9BB3EC

#9BDBEC

Triadic

#9BDBEC

#EC9BDB

#DBEC9B

Split Complementary

#9BDBEC

#EC9BB3

#ECD59B

Tetradic

#9BDBEC

#D59BEC

#ECAC9B

#B3EC9B

Color Blindness Simulation

Original

#9BDBEC

Protanopia

#B7B7E8

Deuteranopia

#B3AEE7

Tritanopia

#9EE5E4

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#F3FAFC
100
#E3F3F7
200
#C3E9F4
300
#98DAEB
400
#60C6E1
500
#29B2D6
600
#218EAB
700
#1A7289
800
#14596B
900
#13424E
950
#0C2931

Contrast Checker

Text on white

1.53:1

AA Fail AAA Fail

Text on black

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