#68220F

#68220F

Color Values

HEX

#68220F

RGB

104, 34, 15

HSL

12.8, 74.8%, 23.3%

HSV

12.8, 85.6%, 40.8%

CMYK

0.0%, 67.3%, 85.6%, 59.2%

OKLCH

0.357 0.1048 35.8

Properties

Warm Dark Nearest: RAL 3011 Brown Red

Color Harmonies

Complementary

#68220F

#0F5568

Analogous

#680F28

#684E0F

#68220F

Triadic

#68220F

#0F6822

#220F68

Split Complementary

#68220F

#0F684E

#0F2868

Tetradic

#68220F

#28680F

#0F5568

#4E0F68

Color Blindness Simulation

Original

#68220F

Protanopia

#4A4914

Deuteranopia

#4E5315

Tritanopia

#641718

Achromatopsia

#303030

CSS Usage

background-color: #68220F;
color: #68220F;
border-color: #68220F;
Nearest Tailwind: Orange 900 #7C2D12

Tailwind Shades

50
#FCF5F2
100
#F8E7E2
200
#F6CCC1
300
#F0A894
400
#E7785A
500
#DF4920
600
#B23A1A
700
#8F2F15
800
#6F2410
900
#511E10
950
#33130A

Contrast Checker

Text on white

11.51:1

AA Pass AAA Pass

Text on black

1.82:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026