#682F27

#682F27

Color Values

HEX

#682F27

RGB

104, 47, 39

HSL

7.4, 45.5%, 28.0%

HSV

7.4, 62.5%, 40.8%

CMYK

0.0%, 54.8%, 62.5%, 59.2%

OKLCH

0.3808 0.0837 29.7

Properties

Warm Dark Nearest: RAL 3009 Oxide Red

Color Harmonies

Complementary

#682F27

#276068

Analogous

#68273F

#684F27

#682F27

Triadic

#682F27

#27682F

#2F2768

Split Complementary

#682F27

#27684F

#273F68

Tetradic

#682F27

#3F6827

#276068

#4F2768

Color Blindness Simulation

Original

#682F27

Protanopia

#4F4F29

Deuteranopia

#535729

Tritanopia

#652A2B

Achromatopsia

#3B3B3B

CSS Usage

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

Tailwind Shades

50
#FAF5F4
100
#F4E8E6
200
#ECCFCB
300
#DEADA6
400
#CC8076
500
#BA5445
600
#944338
700
#77362C
800
#5D2A23
900
#44221D
950
#2B1512

Contrast Checker

Text on white

10.37:1

AA Pass AAA Pass

Text on black

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