#690804

#690804

Color Values

HEX

#690804

RGB

105, 8, 4

HSL

2.4, 92.7%, 21.4%

HSV

2.4, 96.2%, 41.2%

CMYK

0.0%, 92.4%, 96.2%, 58.8%

OKLCH

0.3324 0.1289 29.4

Properties

Warm Dark Nearest: RAL 3011 Brown Red

Color Harmonies

Complementary

#690804

#046569

Analogous

#690433

#693B04

#690804

Triadic

#690804

#046908

#080469

Split Complementary

#690804

#04693B

#043369

Tetradic

#690804

#336904

#046569

#3B0469

Color Blindness Simulation

Original

#690804

Protanopia

#3F3E05

Deuteranopia

#454C05

Tritanopia

#640606

Achromatopsia

#1C1C1C

CSS Usage

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

Tailwind Shades

50
#FDF2F1
100
#FBE0DF
200
#FCBDBA
300
#FB8E89
400
#F85049
500
#F61309
600
#C50F07
700
#9D0C06
800
#7B0905
900
#590B08
950
#380705

Contrast Checker

Text on white

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

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

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

1月 18, 2026