#88580F

#88580F

Color Values

HEX

#88580F

RGB

136, 88, 15

HSL

36.2, 80.1%, 29.6%

HSV

36.2, 89.0%, 53.3%

CMYK

0.0%, 35.3%, 89.0%, 46.7%

OKLCH

0.5018 0.1025 70.7

Properties

Warm Dark Nearest: orange 4

Color Harmonies

Complementary

#88580F

#0F3F88

Analogous

#881C0F

#7B880F

#88580F

Triadic

#88580F

#0F8858

#580F88

Split Complementary

#88580F

#0F7B88

#1C0F88

Tetradic

#88580F

#0F881C

#0F3F88

#880F7B

Color Blindness Simulation

Original

#88580F

Protanopia

#737321

Deuteranopia

#767A25

Tritanopia

#862F32

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

6.09:1

AA Pass AAA Fail

Text on black

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