#682E50

#682E50

Color Values

HEX

#682E50

RGB

104, 46, 80

HSL

324.8, 38.7%, 29.4%

HSV

324.8, 55.8%, 40.8%

CMYK

0.0%, 55.8%, 23.1%, 59.2%

OKLCH

0.392 0.094 346.1

Properties

Warm Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#682E50

#2E6846

Analogous

#632E68

#682E33

#682E50

Triadic

#682E50

#50682E

#2E5068

Split Complementary

#682E50

#33682E

#2E6863

Tetradic

#682E50

#68632E

#2E6846

#2E3368

Color Blindness Simulation

Original

#682E50

Protanopia

#4F4E48

Deuteranopia

#525746

Tritanopia

#654140

Achromatopsia

#3D3D3D

CSS Usage

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

Tailwind Shades

50
#FAF5F8
100
#F3E7EE
200
#E9CDDE
300
#D9AAC6
400
#C57CA7
500
#B14E88
600
#8D3F6D
700
#713257
800
#582744
900
#412033
950
#291420

Contrast Checker

Text on white

10.02:1

AA Pass AAA Pass

Text on black

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