#6143BC

#6143BC

Color Values

HEX

#6143BC

RGB

97, 67, 188

HSL

254.9, 47.5%, 50.0%

HSV

254.9, 64.4%, 73.7%

CMYK

48.4%, 64.4%, 0.0%, 26.3%

OKLCH

0.4853 0.1806 289.3

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#6143BC

#9EBC43

Analogous

#4361BC

#9E43BC

#6143BC

Triadic

#6143BC

#BC6143

#43BC61

Split Complementary

#6143BC

#BC9E43

#61BC43

Tetradic

#6143BC

#BC4361

#9EBC43

#43BC9E

Color Blindness Simulation

Original

#6143BC

Protanopia

#54549F

Deuteranopia

#565898

Tritanopia

#5F8883

Achromatopsia

#525252

CSS Usage

background-color: #6143BC;
color: #6143BC;
border-color: #6143BC;
Nearest Tailwind: Indigo 800 #3730A3

Tailwind Shades

50
#F6F4FA
100
#EAE6F4
200
#D3CAEC
300
#B3A5DF
400
#8A74CD
500
#6143BC
600
#4E3696
700
#3E2B78
800
#31215E
900
#261C45
950
#18122C

Contrast Checker

Text on white

6.91:1

AA Pass AAA Fail

Text on black

3.04:1

AA Fail AAA Fail

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