#9E94B2

#9E94B2

Color Values

HEX

#9E94B2

RGB

158, 148, 178

HSL

260.0, 16.3%, 63.9%

HSV

260.0, 16.9%, 69.8%

CMYK

11.2%, 16.9%, 0.0%, 30.2%

OKLCH

0.6852 0.0449 300.4

Properties

Cool Light Nearest: Manatee

Color Harmonies

Complementary

#9E94B2

#A8B294

Analogous

#9499B2

#AD94B2

#9E94B2

Triadic

#9E94B2

#B29E94

#94B29E

Split Complementary

#9E94B2

#B2AD94

#99B294

Tetradic

#9E94B2

#B29499

#A8B294

#94B2AD

Color Blindness Simulation

Original

#9E94B2

Protanopia

#9A9AAB

Deuteranopia

#9A9BA9

Tritanopia

#9EA5A4

Achromatopsia

#989898

CSS Usage

background-color: #9E94B2;
color: #9E94B2;
border-color: #9E94B2;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F7F6F8
100
#ECEBF0
200
#D9D5E1
300
#BEB8CC
400
#9C91B0
500
#796B94
600
#605577
700
#4D445F
800
#3C354A
900
#2E2938
950
#1D1A23

Contrast Checker

Text on white

2.86:1

AA Fail AAA Fail

Text on black

7.33: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