#682018

#682018

Color Values

HEX

#682018

RGB

104, 32, 24

HSL

6.0, 62.5%, 25.1%

HSV

6.0, 76.9%, 40.8%

CMYK

0.0%, 69.2%, 76.9%, 59.2%

OKLCH

0.3553 0.1048 29.5

Properties

Warm Dark Nearest: RAL 3011 Brown Red

Color Harmonies

Complementary

#682018

#186068

Analogous

#681838

#684818

#682018

Triadic

#682018

#186820

#201868

Split Complementary

#682018

#186848

#183868

Tetradic

#682018

#386818

#186068

#481868

Color Blindness Simulation

Original

#682018

Protanopia

#49481A

Deuteranopia

#4D521A

Tritanopia

#641B1C

Achromatopsia

#2F2F2F

CSS Usage

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

Tailwind Shades

50
#FBF4F3
100
#F7E6E4
200
#F2C9C5
300
#E8A39C
400
#DC7166
500
#CF4030
600
#A63326
700
#85291F
800
#682018
900
#4C1B15
950
#30110D

Contrast Checker

Text on white

11.61:1

AA Pass AAA Pass

Text on black

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