#6F4F30

#6F4F30

Color Values

HEX

#6F4F30

RGB

111, 79, 48

HSL

29.5, 39.6%, 31.2%

HSV

29.5, 56.8%, 43.5%

CMYK

0.0%, 28.8%, 56.8%, 56.5%

OKLCH

0.4547 0.0625 64.3

Properties

Warm Dark Nearest: RAL 1036 Pearl Gold

Color Harmonies

Complementary

#6F4F30

#30506F

Analogous

#6F3031

#6F6F30

#6F4F30

Triadic

#6F4F30

#306F4F

#4F306F

Split Complementary

#6F4F30

#306F6F

#30316F

Tetradic

#6F4F30

#316F30

#30506F

#6F306F

Color Blindness Simulation

Original

#6F4F30

Protanopia

#616137

Deuteranopia

#636539

Tritanopia

#6D3D3F

Achromatopsia

#545454

CSS Usage

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

Tailwind Shades

50
#FAF7F5
100
#F3EDE7
200
#E9DBCD
300
#DAC1AA
400
#C6A07B
500
#B27F4D
600
#8E653E
700
#725131
800
#593F27
900
#42301F
950
#2A1E14

Contrast Checker

Text on white

7.4:1

AA Pass AAA Pass

Text on black

2.84:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026