#682120

#682120

Color Values

HEX

#682120

RGB

104, 33, 32

HSL

0.8, 52.9%, 26.7%

HSV

0.8, 69.2%, 40.8%

CMYK

0.0%, 68.3%, 69.2%, 59.2%

OKLCH

0.358 0.1023 24.6

Properties

Warm Dark Nearest: RAL 3009 Oxide Red

Color Harmonies

Complementary

#682120

#206768

Analogous

#682043

#684520

#682120

Triadic

#682120

#206821

#212068

Split Complementary

#682120

#206845

#204368

Tetradic

#682120

#436820

#206768

#452068

Color Blindness Simulation

Original

#682120

Protanopia

#494920

Deuteranopia

#4D5320

Tritanopia

#642020

Achromatopsia

#303030

CSS Usage

background-color: #682120;
color: #682120;
border-color: #682120;
Nearest Tailwind: Red 950 #450A0A

Tailwind Shades

50
#FBF4F4
100
#F5E5E5
200
#EEC9C8
300
#E2A2A1
400
#D3706F
500
#C33E3C
600
#9C3130
700
#7D2826
800
#611F1E
900
#481A19
950
#2D1010

Contrast Checker

Text on white

11.49:1

AA Pass AAA Pass

Text on black

1.83:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026