#885225

#885225

Color Values

HEX

#885225

RGB

136, 82, 37

HSL

27.3, 57.2%, 33.9%

HSV

27.3, 72.8%, 53.3%

CMYK

0.0%, 39.7%, 72.8%, 46.7%

OKLCH

0.4918 0.0935 57.7

Properties

Warm Dark Nearest: tan 4

Color Harmonies

Complementary

#885225

#255B88

Analogous

#882529

#888325

#885225

Triadic

#885225

#258852

#522588

Split Complementary

#885225

#258883

#252988

Tetradic

#885225

#298825

#255B88

#832588

Color Blindness Simulation

Original

#885225

Protanopia

#717030

Deuteranopia

#747832

Tritanopia

#85383A

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#FBF7F4
100
#F6ECE4
200
#F0D9C7
300
#E5BF9F
400
#D79C6B
500
#C87937
600
#A0612C
700
#804D23
800
#643C1B
900
#492E18
950
#2E1D0F

Contrast Checker

Text on white

6.4:1

AA Pass AAA Fail

Text on black

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