#522502

#522502

Color Values

HEX

#522502

RGB

82, 37, 2

HSL

26.3, 95.2%, 16.5%

HSV

26.3, 97.6%, 32.2%

CMYK

0.0%, 54.9%, 97.6%, 67.8%

OKLCH

0.3218 0.0803 52.3

Properties

Warm Dark Nearest: RAL 8007 Fawn Brown

Color Harmonies

Complementary

#522502

#022F52

Analogous

#520207

#524D02

#522502

Triadic

#522502

#025225

#250252

Split Complementary

#522502

#02524D

#020752

Tetradic

#522502

#075202

#022F52

#4D0252

Color Blindness Simulation

Original

#522502

Protanopia

#3F3E0A

Deuteranopia

#41440C

Tritanopia

#501113

Achromatopsia

#2C2C2C

CSS Usage

background-color: #522502;
color: #522502;
border-color: #522502;
Nearest Tailwind: Amber 950 #451A03

Tailwind Shades

50
#FEF7F1
100
#FCEBDF
200
#FDD7B9
300
#FCBB88
400
#FA9647
500
#F97106
600
#C75A05
700
#9F4804
800
#7C3803
900
#5A2B07
950
#391B04

Contrast Checker

Text on white

12.93:1

AA Pass AAA Pass

Text on black

1.62:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026