#9DBCE7

#9DBCE7

Color Values

HEX

#9DBCE7

RGB

157, 188, 231

HSL

214.9, 60.7%, 76.1%

HSV

214.9, 32.0%, 90.6%

CMYK

32.0%, 18.6%, 0.0%, 9.4%

OKLCH

0.7874 0.0703 256.6

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#9DBCE7

#E7C89D

Analogous

#9DE1E7

#A39DE7

#9DBCE7

Triadic

#9DBCE7

#E79DBC

#BCE79D

Split Complementary

#9DBCE7

#E7A39D

#E1E79D

Tetradic

#9DBCE7

#E79DE1

#E7C89D

#9DE7A3

Color Blindness Simulation

Original

#9DBCE7

Protanopia

#AAABDD

Deuteranopia

#A9A6DA

Tritanopia

#9FD4D3

Achromatopsia

#B9B9B9

CSS Usage

background-color: #9DBCE7;
color: #9DBCE7;
border-color: #9DBCE7;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F3F7FB
100
#E4ECF6
200
#C6D8F1
300
#9DBCE7
400
#6797DA
500
#3273CD
600
#285CA4
700
#204A83
800
#193966
900
#162C4B
950
#0E1C2F

Contrast Checker

Text on white

1.95:1

AA Fail AAA Fail

Text on black

10.78:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026