#68471F

#68471F

Color Values

HEX

#68471F

RGB

104, 71, 31

HSL

32.9, 54.1%, 26.5%

HSV

32.9, 70.2%, 40.8%

CMYK

0.0%, 31.7%, 70.2%, 59.2%

OKLCH

0.4262 0.0713 69.0

Properties

Warm Dark Nearest: Raw Umber

Color Harmonies

Complementary

#68471F

#1F4068

Analogous

#68231F

#65681F

#68471F

Triadic

#68471F

#1F6847

#471F68

Split Complementary

#68471F

#1F6568

#231F68

Tetradic

#68471F

#1F6823

#1F4068

#681F65

Color Blindness Simulation

Original

#68471F

Protanopia

#5A5929

Deuteranopia

#5C5E2B

Tritanopia

#663032

Achromatopsia

#4B4B4B

CSS Usage

background-color: #68471F;
color: #68471F;
border-color: #68471F;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FBF8F4
100
#F5EEE5
200
#EFDDC8
300
#E3C5A1
400
#D4A66E
500
#C4863B
600
#9D6B2F
700
#7E5625
800
#62431D
900
#483319
950
#2D2010

Contrast Checker

Text on white

8.37:1

AA Pass AAA Pass

Text on black

2.51:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026