#522F07

#522F07

Color Values

HEX

#522F07

RGB

82, 47, 7

HSL

32.0, 84.3%, 17.5%

HSV

32.0, 91.5%, 32.2%

CMYK

0.0%, 42.7%, 91.5%, 67.8%

OKLCH

0.3421 0.072 63.4

Properties

Warm Dark Nearest: RAL 8007 Fawn Brown

Color Harmonies

Complementary

#522F07

#072A52

Analogous

#520A07

#505207

#522F07

Triadic

#522F07

#07522F

#2F0752

Split Complementary

#522F07

#075052

#0A0752

Tetradic

#522F07

#07520A

#072A52

#520750

Color Blindness Simulation

Original

#522F07

Protanopia

#434311

Deuteranopia

#454813

Tritanopia

#50181A

Achromatopsia

#343434

CSS Usage

background-color: #522F07;
color: #522F07;
border-color: #522F07;
Nearest Tailwind: Yellow 950 #422006

Tailwind Shades

50
#FDF8F2
100
#FAEEE0
200
#F9DDBD
300
#F5C58E
400
#F0A651
500
#EB8714
600
#BC6C10
700
#96560D
800
#75430A
900
#55330C
950
#362007

Contrast Checker

Text on white

11.87:1

AA Pass AAA Pass

Text on black

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