#513F22

#513F22

Color Values

HEX

#513F22

RGB

81, 63, 34

HSL

37.0, 40.9%, 22.5%

HSV

37.0, 58.0%, 31.8%

CMYK

0.0%, 22.2%, 58.0%, 68.2%

OKLCH

0.3798 0.0503 78.3

Properties

Warm Dark Nearest: RAL 6014 Yellow Olive

Color Harmonies

Complementary

#513F22

#223451

Analogous

#512722

#4B5122

#513F22

Triadic

#513F22

#22513F

#3F2251

Split Complementary

#513F22

#224B51

#272251

Tetradic

#513F22

#225127

#223451

#51224B

Color Blindness Simulation

Original

#513F22

Protanopia

#494929

Deuteranopia

#4A4C2B

Tritanopia

#502F30

Achromatopsia

#414141

CSS Usage

background-color: #513F22;
color: #513F22;
border-color: #513F22;
Nearest Tailwind: Yellow 950 #422006

Tailwind Shades

50
#FAF8F5
100
#F3EFE7
200
#EADFCD
300
#DBC8A9
400
#C7AA7A
500
#B48C4B
600
#90703C
700
#735930
800
#5A4626
900
#42351F
950
#2A2113

Contrast Checker

Text on white

10.08:1

AA Pass AAA Pass

Text on black

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