#680A07

#680A07

Color Values

HEX

#680A07

RGB

104, 10, 7

HSL

1.9, 87.4%, 21.8%

HSV

1.9, 93.3%, 40.8%

CMYK

0.0%, 90.4%, 93.3%, 59.2%

OKLCH

0.3318 0.1264 28.8

Properties

Warm Dark Nearest: RAL 3011 Brown Red

Color Harmonies

Complementary

#680A07

#076568

Analogous

#680735

#683B07

#680A07

Triadic

#680A07

#07680A

#0A0768

Split Complementary

#680A07

#07683B

#073568

Tetradic

#680A07

#356807

#076568

#3B0768

Color Blindness Simulation

Original

#680A07

Protanopia

#3F3E08

Deuteranopia

#454C08

Tritanopia

#630808

Achromatopsia

#1E1E1E

CSS Usage

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

Tailwind Shades

50
#FDF2F2
100
#FAE1E0
200
#FBBEBC
300
#F7908C
400
#F3534E
500
#EF1710
600
#BF120D
700
#990F0A
800
#770C08
900
#570D0A
950
#370807

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

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026