#680A2E

#680A2E

Color Values

HEX

#680A2E

RGB

104, 10, 46

HSL

337.0, 82.5%, 22.4%

HSV

337.0, 90.4%, 40.8%

CMYK

0.0%, 90.4%, 55.8%, 59.2%

OKLCH

0.3391 0.1265 5.7

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#680A2E

#0A6844

Analogous

#680A5D

#68150A

#680A2E

Triadic

#680A2E

#2E680A

#0A2E68

Split Complementary

#680A2E

#0A6815

#0A5D68

Tetradic

#680A2E

#5D680A

#0A6844

#150A68

Color Blindness Simulation

Original

#680A2E

Protanopia

#3F3E25

Deuteranopia

#454C23

Tritanopia

#631E1D

Achromatopsia

#212121

CSS Usage

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

Tailwind Shades

50
#FDF2F6
100
#FAE1EA
200
#F9BED4
300
#F48FB6
400
#EE538E
500
#E91667
600
#BA1252
700
#950E42
800
#740B33
900
#540C28
950
#350819

Contrast Checker

Text on white

12.56:1

AA Pass AAA Pass

Text on black

1.67:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026