#6A4F2C

#6A4F2C

Color Values

HEX

#6A4F2C

RGB

106, 79, 44

HSL

33.9, 41.3%, 29.4%

HSV

33.9, 58.5%, 41.6%

CMYK

0.0%, 25.5%, 58.5%, 58.4%

OKLCH

0.448 0.0621 72.3

Properties

Warm Dark Nearest: RAL 1036 Pearl Gold

Color Harmonies

Complementary

#6A4F2C

#2C476A

Analogous

#6A302C

#666A2C

#6A4F2C

Triadic

#6A4F2C

#2C6A4F

#4F2C6A

Split Complementary

#6A4F2C

#2C666A

#302C6A

Tetradic

#6A4F2C

#2C6A30

#2C476A

#6A2C66

Color Blindness Simulation

Original

#6A4F2C

Protanopia

#5E5E34

Deuteranopia

#606236

Tritanopia

#693B3D

Achromatopsia

#525252

CSS Usage

background-color: #6A4F2C;
color: #6A4F2C;
border-color: #6A4F2C;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FAF8F5
100
#F3EEE7
200
#EADDCD
300
#DBC5A9
400
#C8A67A
500
#B4864B
600
#906B3C
700
#735630
800
#5A4325
900
#42331E
950
#2A2013

Contrast Checker

Text on white

7.59:1

AA Pass AAA Pass

Text on black

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