#524E22

#524E22

Color Values

HEX

#524E22

RGB

82, 78, 34

HSL

55.0, 41.4%, 22.7%

HSV

55.0, 58.5%, 32.2%

CMYK

0.0%, 4.9%, 58.5%, 67.8%

OKLCH

0.4173 0.0635 104.1

Properties

Warm Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#524E22

#222652

Analogous

#523622

#3E5222

#524E22

Triadic

#524E22

#22524E

#4E2252

Split Complementary

#524E22

#223E52

#362252

Tetradic

#524E22

#225236

#222652

#52223E

Color Blindness Simulation

Original

#524E22

Protanopia

#50502D

Deuteranopia

#50512F

Tritanopia

#523537

Achromatopsia

#4C4C4C

CSS Usage

background-color: #524E22;
color: #524E22;
border-color: #524E22;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#FAFAF5
100
#F3F2E7
200
#EAE8CD
300
#DBD7A8
400
#C8C17A
500
#B4AB4B
600
#90893C
700
#736E30
800
#5A5625
900
#433F1E
950
#2A2813

Contrast Checker

Text on white

8.5:1

AA Pass AAA Pass

Text on black

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