#681832

#681832

Color Values

HEX

#681832

RGB

104, 24, 50

HSL

340.5, 62.5%, 25.1%

HSV

340.5, 76.9%, 40.8%

CMYK

0.0%, 76.9%, 51.9%, 59.2%

OKLCH

0.3518 0.114 5.8

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#681832

#18684E

Analogous

#68185A

#682618

#681832

Triadic

#681832

#326818

#183268

Split Complementary

#681832

#186826

#185A68

Tetradic

#681832

#5A6818

#18684E

#261868

Color Blindness Simulation

Original

#681832

Protanopia

#45452C

Deuteranopia

#4A502A

Tritanopia

#642726

Achromatopsia

#2B2B2B

CSS Usage

background-color: #681832;
color: #681832;
border-color: #681832;
Nearest Tailwind: Pink 950 #500724

Tailwind Shades

50
#FBF3F6
100
#F7E4EA
200
#F2C5D3
300
#E89CB4
400
#DC668C
500
#CF3064
600
#A62650
700
#851F40
800
#681832
900
#4C1527
950
#300D19

Contrast Checker

Text on white

11.9:1

AA Pass AAA Pass

Text on black

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