#9893C3

#9893C3

Color Values

HEX

#9893C3

RGB

152, 147, 195

HSL

246.3, 28.6%, 67.1%

HSV

246.3, 24.6%, 76.5%

CMYK

22.1%, 24.6%, 0.0%, 23.5%

OKLCH

0.6849 0.0702 289.2

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#9893C3

#BEC393

Analogous

#93A6C3

#B093C3

#9893C3

Triadic

#9893C3

#C39893

#93C398

Split Complementary

#9893C3

#C3B093

#A6C393

Tetradic

#9893C3

#C393A6

#BEC393

#93C3B0

Color Blindness Simulation

Original

#9893C3

Protanopia

#9696B7

Deuteranopia

#9696B5

Tritanopia

#98AEAC

Achromatopsia

#989898

CSS Usage

background-color: #9893C3;
color: #9893C3;
border-color: #9893C3;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F6F5F9
100
#EAE9F1
200
#D3D1E6
300
#B4B0D3
400
#8B86BC
500
#635BA4
600
#4F4983
700
#3F3A69
800
#312E52
900
#27243D
950
#181726

Contrast Checker

Text on white

2.88:1

AA Fail AAA Fail

Text on black

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