#6B0857

#6B0857

Color Values

HEX

#6B0857

RGB

107, 8, 87

HSL

312.1, 86.1%, 22.5%

HSV

312.1, 92.5%, 42.0%

CMYK

0.0%, 92.5%, 18.7%, 58.0%

OKLCH

0.3618 0.1505 338.9

Properties

Warm Dark Nearest: maroon 4

Color Harmonies

Complementary

#6B0857

#086B1C

Analogous

#4D086B

#6B0825

#6B0857

Triadic

#6B0857

#576B08

#08576B

Split Complementary

#6B0857

#256B08

#086B4D

Tetradic

#6B0857

#6B4D08

#086B1C

#08256B

Color Blindness Simulation

Original

#6B0857

Protanopia

#403F44

Deuteranopia

#464D3F

Tritanopia

#663531

Achromatopsia

#232323

CSS Usage

background-color: #6B0857;
color: #6B0857;
border-color: #6B0857;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#FDF2FB
100
#FAE0F5
200
#FABDEE
300
#F68DE1
400
#F24FD1
500
#ED12C1
600
#BE0E9A
700
#980B7C
800
#770961
900
#560B47
950
#36072D

Contrast Checker

Text on white

11.68:1

AA Pass AAA Pass

Text on black

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