#864F0F

#864F0F

Color Values

HEX

#864F0F

RGB

134, 79, 15

HSL

32.3, 79.9%, 29.2%

HSV

32.3, 88.8%, 52.5%

CMYK

0.0%, 41.0%, 88.8%, 47.5%

OKLCH

0.4814 0.1031 63.1

Properties

Warm Dark Nearest: RAL 8001 Ochre Brown

Color Harmonies

Complementary

#864F0F

#0F4686

Analogous

#86140F

#81860F

#864F0F

Triadic

#864F0F

#0F864F

#4F0F86

Split Complementary

#864F0F

#0F8186

#140F86

Tetradic

#864F0F

#0F8614

#0F4686

#860F81

Color Blindness Simulation

Original

#864F0F

Protanopia

#6E6E1E

Deuteranopia

#717622

Tritanopia

#832B2D

Achromatopsia

#565656

CSS Usage

background-color: #864F0F;
color: #864F0F;
border-color: #864F0F;
Nearest Tailwind: Yellow 800 #854D0E

Tailwind Shades

50
#FDF8F2
100
#F9EEE1
200
#F8DDBF
300
#F3C691
400
#ECA655
500
#E5871A
600
#B76C15
700
#935710
800
#73440D
900
#53330E
950
#352009

Contrast Checker

Text on white

6.69:1

AA Pass AAA Fail

Text on black

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