#9A9FD0

#9A9FD0

Color Values

HEX

#9A9FD0

RGB

154, 159, 208

HSL

234.4, 36.5%, 71.0%

HSV

234.4, 26.0%, 81.6%

CMYK

26.0%, 23.6%, 0.0%, 18.4%

OKLCH

0.7161 0.0715 279.9

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#9A9FD0

#D0CB9A

Analogous

#9ABAD0

#B09AD0

#9A9FD0

Triadic

#9A9FD0

#D09A9F

#9FD09A

Split Complementary

#9A9FD0

#D0B09A

#BAD09A

Tetradic

#9A9FD0

#D09ABA

#D0CB9A

#9AD0B0

Color Blindness Simulation

Original

#9A9FD0

Protanopia

#9C9CC4

Deuteranopia

#9C9CC1

Tritanopia

#9ABBB9

Achromatopsia

#A1A1A1

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E8E9F3
200
#CED1E8
300
#ABB0D8
400
#7E85C3
500
#515AAE
600
#41488B
700
#34396F
800
#282D57
900
#212440
950
#151629

Contrast Checker

Text on white

2.55:1

AA Fail AAA Fail

Text on black

8.24:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026