#682B27

#682B27

Color Values

HEX

#682B27

RGB

104, 43, 39

HSL

3.7, 45.5%, 28.0%

HSV

3.7, 62.5%, 40.8%

CMYK

0.0%, 58.7%, 62.5%, 59.2%

OKLCH

0.3742 0.0887 26.0

Properties

Warm Dark Nearest: RAL 3009 Oxide Red

Color Harmonies

Complementary

#682B27

#276468

Analogous

#682743

#684B27

#682B27

Triadic

#682B27

#27682B

#2B2768

Split Complementary

#682B27

#27684B

#274368

Tetradic

#682B27

#436827

#276468

#4B2768

Color Blindness Simulation

Original

#682B27

Protanopia

#4E4D28

Deuteranopia

#515628

Tritanopia

#652929

Achromatopsia

#383838

CSS Usage

background-color: #682B27;
color: #682B27;
border-color: #682B27;
Nearest Tailwind: Orange 950 #431407

Tailwind Shades

50
#FAF5F4
100
#F4E7E6
200
#ECCDCB
300
#DEA9A6
400
#CC7B76
500
#BA4D45
600
#943D38
700
#77312C
800
#5D2623
900
#441F1D
950
#2B1412

Contrast Checker

Text on white

10.7:1

AA Pass AAA Pass

Text on black

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