#680A09

#680A09

Color Values

HEX

#680A09

RGB

104, 10, 9

HSL

0.6, 84.1%, 22.2%

HSV

0.6, 91.3%, 40.8%

CMYK

0.0%, 90.4%, 91.3%, 59.2%

OKLCH

0.332 0.1262 28.0

Properties

Warm Dark Nearest: RAL 3011 Brown Red

Color Harmonies

Complementary

#680A09

#096768

Analogous

#680938

#683A09

#680A09

Triadic

#680A09

#09680A

#0A0968

Split Complementary

#680A09

#09683A

#093868

Tetradic

#680A09

#386809

#096768

#3A0968

Color Blindness Simulation

Original

#680A09

Protanopia

#3F3E09

Deuteranopia

#454C09

Tritanopia

#630909

Achromatopsia

#1E1E1E

CSS Usage

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

Tailwind Shades

50
#FDF2F2
100
#FAE1E0
200
#F9BEBD
300
#F58F8E
400
#F05351
500
#EB1614
600
#BC1210
700
#960E0D
800
#750B0A
900
#550D0C
950
#360807

Contrast Checker

Text on white

12.84:1

AA Pass AAA Pass

Text on black

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