#641157

#641157

Color Values

HEX

#641157

RGB

100, 17, 87

HSL

309.4, 70.9%, 22.9%

HSV

309.4, 83.0%, 39.2%

CMYK

0.0%, 83.0%, 13.0%, 60.8%

OKLCH

0.3547 0.1391 335.6

Properties

Warm Dark Nearest: maroon 4

Color Harmonies

Complementary

#641157

#11641E

Analogous

#471164

#64112D

#641157

Triadic

#641157

#576411

#115764

Split Complementary

#641157

#2D6411

#116447

Tetradic

#641157

#644711

#11641E

#112D64

Color Blindness Simulation

Original

#641157

Protanopia

#403F46

Deuteranopia

#454B42

Tritanopia

#603936

Achromatopsia

#282828

CSS Usage

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

Tailwind Shades

50
#FCF3FB
100
#F8E2F5
200
#F5C2ED
300
#ED96E0
400
#E45ECF
500
#DA25BE
600
#AE1E98
700
#8B1879
800
#6D135F
900
#4F1246
950
#320B2C

Contrast Checker

Text on white

11.93:1

AA Pass AAA Pass

Text on black

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