#68562F

#68562F

Color Values

HEX

#68562F

RGB

104, 86, 47

HSL

41.1, 37.7%, 29.6%

HSV

41.1, 54.8%, 40.8%

CMYK

0.0%, 17.3%, 54.8%, 59.2%

OKLCH

0.4618 0.0606 85.3

Properties

Warm Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#68562F

#2F4168

Analogous

#683A2F

#5D682F

#68562F

Triadic

#68562F

#2F6856

#562F68

Split Complementary

#68562F

#2F5D68

#3A2F68

Tetradic

#68562F

#2F683A

#2F4168

#682F5D

Color Blindness Simulation

Original

#68562F

Protanopia

#606038

Deuteranopia

#61633B

Tritanopia

#674042

Achromatopsia

#575757

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F3EFE7
200
#E9E0CE
300
#D9CAAB
400
#C4AE7D
500
#B0914F
600
#8C7440
700
#705D33
800
#584928
900
#413720
950
#292214

Contrast Checker

Text on white

7.09:1

AA Pass AAA Pass

Text on black

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