#552702

#552702

Color Values

HEX

#552702

RGB

85, 39, 2

HSL

26.7, 95.4%, 17.1%

HSV

26.7, 97.6%, 33.3%

CMYK

0.0%, 54.1%, 97.6%, 66.7%

OKLCH

0.3306 0.0821 52.8

Properties

Warm Dark Nearest: RAL 8003 Clay Brown

Color Harmonies

Complementary

#552702

#023055

Analogous

#550207

#555102

#552702

Triadic

#552702

#025527

#270255

Split Complementary

#552702

#025551

#020755

Tetradic

#552702

#075502

#023055

#510255

Color Blindness Simulation

Original

#552702

Protanopia

#41410B

Deuteranopia

#44470D

Tritanopia

#531214

Achromatopsia

#2E2E2E

CSS Usage

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

Tailwind Shades

50
#FEF7F1
100
#FCECDF
200
#FDD8B9
300
#FCBB87
400
#FB9747
500
#F97206
600
#C75B05
700
#9F4904
800
#7D3903
900
#5A2C07
950
#391C04

Contrast Checker

Text on white

12.52:1

AA Pass AAA Pass

Text on black

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