#9499CE

#9499CE

Color Values

HEX

#9499CE

RGB

148, 153, 206

HSL

234.8, 37.2%, 69.4%

HSV

234.8, 28.2%, 80.8%

CMYK

28.2%, 25.7%, 0.0%, 19.2%

OKLCH

0.6985 0.0778 280.0

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#9499CE

#CEC994

Analogous

#94B6CE

#AC94CE

#9499CE

Triadic

#9499CE

#CE9499

#99CE94

Split Complementary

#9499CE

#CEAC94

#B6CE94

Tetradic

#9499CE

#CE94B6

#CEC994

#94CEAC

Color Blindness Simulation

Original

#9499CE

Protanopia

#9696C1

Deuteranopia

#9696BE

Tritanopia

#94B7B5

Achromatopsia

#9C9C9C

CSS Usage

background-color: #9499CE;
color: #9499CE;
border-color: #9499CE;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F5F5FA
100
#E8E8F3
200
#CED0E9
300
#ABAFD9
400
#7E84C4
500
#5058AF
600
#40478C
700
#333970
800
#282C57
900
#202341
950
#141629

Contrast Checker

Text on white

2.72:1

AA Fail AAA Fail

Text on black

7.71:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026