#9893CF

#9893CF

Color Values

HEX

#9893CF

RGB

152, 147, 207

HSL

245,0, 38,5%, 69,4%

HSV

245,0, 29,0%, 81,2%

CMYK

26,6%, 29,0%, 0,0%, 18,8%

OKLCH

0,69 0,0875 287,7

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#9893CF

#CACF93

Analogous

#93ACCF

#B693CF

#9893CF

Triadic

#9893CF

#CF9893

#93CF98

Split Complementary

#9893CF

#CFB693

#ACCF93

Tetradic

#9893CF

#CF93AC

#CACF93

#93CFB6

Color Blindness Simulation

Original

#9893CF

Protanopia

#9696C0

Deuteranopia

#9696BD

Tritanopia

#98B5B2

Achromatopsia

#989898

CSS Usage

background-color: #9893CF;
color: #9893CF;
border-color: #9893CF;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F5F5FA
100
#E8E7F3
200
#D0CEE9
300
#AEAAD9
400
#827CC5
500
#574EB1
600
#453F8D
700
#373271
800
#2B2758
900
#222041
950
#161429

Contrast Checker

Text on white

2,83:1

AA Fail AAA Fail

Text on black

7,41: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