#680F17

#680F17

Color Values

HEX

#680F17

RGB

104, 15, 23

HSL

354.6, 74.8%, 23.3%

HSV

354.6, 85.6%, 40.8%

CMYK

0.0%, 85.6%, 77.9%, 59.2%

OKLCH

0.3372 0.1213 22.7

Properties

Warm Dark Nearest: RAL 3004 Purple Red

Color Harmonies

Complementary

#680F17

#0F6860

Analogous

#680F43

#68330F

#680F17

Triadic

#680F17

#17680F

#0F1768

Split Complementary

#680F17

#0F6833

#0F4368

Tetradic

#680F17

#43680F

#0F6860

#330F68

Color Blindness Simulation

Original

#680F17

Protanopia

#414115

Deuteranopia

#474D15

Tritanopia

#641413

Achromatopsia

#222222

CSS Usage

background-color: #680F17;
color: #680F17;
border-color: #680F17;
Nearest Tailwind: Red 900 #7F1D1D

Tailwind Shades

50
#FCF2F3
100
#F8E2E4
200
#F6C1C5
300
#F0949C
400
#E75A67
500
#DF2031
600
#B21A27
700
#8F1520
800
#6F1019
900
#511016
950
#330A0E

Contrast Checker

Text on white

12.58:1

AA Pass AAA Pass

Text on black

1.67:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026