#857F32

#857F32

Color Values

HEX

#857F32

RGB

133, 127, 50

HSL

55.7, 45.4%, 35.9%

HSV

55.7, 62.4%, 52.2%

CMYK

0.0%, 4.5%, 62.4%, 47.8%

OKLCH

0.5859 0.0986 104.8

Properties

Warm Light Nearest: RAL 1020 Olive Yellow

Color Harmonies

Complementary

#857F32

#323885

Analogous

#855632

#628532

#857F32

Triadic

#857F32

#32857F

#7F3285

Split Complementary

#857F32

#326285

#563285

Tetradic

#857F32

#328556

#323885

#853262

Color Blindness Simulation

Original

#857F32

Protanopia

#828245

Deuteranopia

#838349

Tritanopia

#855357

Achromatopsia

#7B7B7B

CSS Usage

background-color: #857F32;
color: #857F32;
border-color: #857F32;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#FAFAF4
100
#F4F3E6
200
#ECE9CB
300
#DEDAA6
400
#CBC576
500
#B9B146
600
#948E38
700
#77712D
800
#5D5923
900
#44411D
950
#2B2912

Contrast Checker

Text on white

4.13:1

AA Fail AAA Fail

Text on black

5.08:1

AA Pass 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