#680109

#680109

Color Values

HEX

#680109

RGB

104, 1, 9

HSL

355.3, 98.1%, 20.6%

HSV

355.3, 99.0%, 40.8%

CMYK

0.0%, 99.0%, 91.3%, 59.2%

OKLCH

0.3263 0.1316 26.0

Properties

Warm Dark Nearest: RAL 3011 Brown Red

Color Harmonies

Complementary

#680109

#016860

Analogous

#68013D

#682C01

#680109

Triadic

#680109

#096801

#010968

Split Complementary

#680109

#01682C

#013D68

Tetradic

#680109

#3D6801

#016860

#2C0168

Color Blindness Simulation

Original

#680109

Protanopia

#3B3B07

Deuteranopia

#414907

Tritanopia

#630605

Achromatopsia

#171717

CSS Usage

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

Tailwind Shades

50
#FEF1F2
100
#FCDEE1
200
#FEB8BE
300
#FE868F
400
#FD4453
500
#FD0216
600
#CA0212
700
#A2020E
800
#7E010B
900
#5B060C
950
#3A0408

Contrast Checker

Text on white

13.15:1

AA Pass AAA Pass

Text on black

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