#681338

#681338

Color Values

HEX

#681338

RGB

104, 19, 56

HSL

333.9, 69.1%, 24.1%

HSV

333.9, 81.7%, 40.8%

CMYK

0.0%, 81.7%, 46.2%, 59.2%

OKLCH

0.349 0.1215 359.7

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#681338

#136843

Analogous

#681362

#681913

#681338

Triadic

#681338

#386813

#133868

Split Complementary

#681338

#136819

#136268

Tetradic

#681338

#626813

#136843

#191368

Color Blindness Simulation

Original

#681338

Protanopia

#43422F

Deuteranopia

#484E2D

Tritanopia

#642826

Achromatopsia

#282828

CSS Usage

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

Tailwind Shades

50
#FCF3F7
100
#F8E3EC
200
#F4C3D8
300
#EC98BC
400
#E25F98
500
#D82774
600
#AC205D
700
#8A194A
800
#6C143A
900
#4F122D
950
#320C1C

Contrast Checker

Text on white

12.08:1

AA Pass AAA Pass

Text on black

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