#9DAEE7

#9DAEE7

Color Values

HEX

#9DAEE7

RGB

157, 174, 231

HSL

226.2, 60.7%, 76.1%

HSV

226.2, 32.0%, 90.6%

CMYK

32.0%, 24.7%, 0.0%, 9.4%

OKLCH

0.7585 0.0844 271.4

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#9DAEE7

#E7D69D

Analogous

#9DD3E7

#B19DE7

#9DAEE7

Triadic

#9DAEE7

#E79DAE

#AEE79D

Split Complementary

#9DAEE7

#E7B19D

#D3E79D

Tetradic

#9DAEE7

#E79DD3

#E7D69D

#9DE7B1

Color Blindness Simulation

Original

#9DAEE7

Protanopia

#A4A5D9

Deuteranopia

#A3A2D6

Tritanopia

#9ECECC

Achromatopsia

#AFAFAF

CSS Usage

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

Tailwind Shades

50
#F3F5FB
100
#E4E8F6
200
#C6D0F1
300
#9DAEE7
400
#6782DA
500
#3256CD
600
#2845A4
700
#203783
800
#192B66
900
#16224B
950
#0E162F

Contrast Checker

Text on white

2.18:1

AA Fail AAA Fail

Text on black

9.64:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

फ़र 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

फ़र 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

फ़र 19, 2026