#86570F

#86570F

Color Values

HEX

#86570F

RGB

134, 87, 15

HSL

36.3, 79.9%, 29.2%

HSV

36.3, 88.8%, 52.5%

CMYK

0.0%, 35.1%, 88.8%, 47.5%

OKLCH

0.4972 0.1012 71.0

Properties

Warm Dark Nearest: RAL 8001 Ochre Brown

Color Harmonies

Complementary

#86570F

#0F3E86

Analogous

#861B0F

#79860F

#86570F

Triadic

#86570F

#0F8657

#570F86

Split Complementary

#86570F

#0F7986

#1B0F86

Tetradic

#86570F

#0F861B

#0F3E86

#860F79

Color Blindness Simulation

Original

#86570F

Protanopia

#727120

Deuteranopia

#747825

Tritanopia

#842E31

Achromatopsia

#5C5C5C

CSS Usage

background-color: #86570F;
color: #86570F;
border-color: #86570F;
Nearest Tailwind: Yellow 800 #854D0E

Tailwind Shades

50
#FDF8F2
100
#F9F0E1
200
#F8E1BF
300
#F3CC91
400
#ECB055
500
#E5951A
600
#B77715
700
#935F10
800
#734A0D
900
#53380E
950
#352309

Contrast Checker

Text on white

6.21:1

AA Pass AAA Fail

Text on black

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