#9DABE6

#9DABE6

Color Values

HEX

#9DABE6

RGB

157, 171, 230

HSL

228.5, 59.3%, 75.9%

HSV

228.5, 31.7%, 90.2%

CMYK

31.7%, 25.7%, 0.0%, 9.8%

OKLCH

0.752 0.0866 273.8

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#9DABE6

#E6D89D

Analogous

#9DD0E6

#B49DE6

#9DABE6

Triadic

#9DABE6

#E69DAB

#ABE69D

Split Complementary

#9DABE6

#E6B49D

#D0E69D

Tetradic

#9DABE6

#E69DD0

#E6D89D

#9DE6B4

Color Blindness Simulation

Original

#9DABE6

Protanopia

#A3A3D8

Deuteranopia

#A2A1D4

Tritanopia

#9ECCCA

Achromatopsia

#ACACAC

CSS Usage

background-color: #9DABE6;
color: #9DABE6;
border-color: #9DABE6;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F3F5FB
100
#E4E8F6
200
#C6CEF0
300
#9EABE6
400
#697ED9
500
#3451CB
600
#2A41A2
700
#213482
800
#1A2866
900
#17214A
950
#0E152F

Contrast Checker

Text on white

2.23:1

AA Fail AAA Fail

Text on black

9.4:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2月 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2月 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2月 20, 2026