#6F3F0E

#6F3F0E

Color Values

HEX

#6F3F0E

RGB

111, 63, 14

HSL

30.3, 77.6%, 24.5%

HSV

30.3, 87.4%, 43.5%

CMYK

0.0%, 43.2%, 87.4%, 56.5%

OKLCH

0.4178 0.0894 60.3

Properties

Warm Dark Nearest: RAL 8003 Clay Brown

Color Harmonies

Complementary

#6F3F0E

#0E3E6F

Analogous

#6F0E0E

#6E6F0E

#6F3F0E

Triadic

#6F3F0E

#0E6F3F

#3F0E6F

Split Complementary

#6F3F0E

#0E6E6F

#0E0E6F

Tetradic

#6F3F0E

#0E6F0E

#0E3E6F

#6F0E6E

Color Blindness Simulation

Original

#6F3F0E

Protanopia

#5A5A1A

Deuteranopia

#5D611D

Tritanopia

#6D2325

Achromatopsia

#464646

CSS Usage

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

Tailwind Shades

50
#FCF7F2
100
#F9EDE1
200
#F7DCC0
300
#F1C292
400
#EAA157
500
#E2801D
600
#B56717
700
#915212
800
#71400E
900
#52310F
950
#341F09

Contrast Checker

Text on white

8.77:1

AA Pass AAA Pass

Text on black

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