#7B552F

#7B552F

Color Values

HEX

#7B552F

RGB

123, 85, 47

HSL

30.0, 44.7%, 33.3%

HSV

30.0, 61.8%, 48.2%

CMYK

0.0%, 30.9%, 61.8%, 51.8%

OKLCH

0.4821 0.0735 64.5

Properties

Warm Dark Nearest: RAL 8008 Olive Brown

Color Harmonies

Complementary

#7B552F

#2F557B

Analogous

#7B2F2F

#7B7B2F

#7B552F

Triadic

#7B552F

#2F7B55

#552F7B

Split Complementary

#7B552F

#2F7B7B

#2F2F7B

Tetradic

#7B552F

#2F7B2F

#2F557B

#7B2F7B

Color Blindness Simulation

Original

#7B552F

Protanopia

#6B6A38

Deuteranopia

#6D703A

Tritanopia

#793F41

Achromatopsia

#5A5A5A

CSS Usage

background-color: #7B552F;
color: #7B552F;
border-color: #7B552F;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FAF7F4
100
#F4EDE6
200
#EBDBCB
300
#DDC2A6
400
#CBA176
500
#B88047
600
#946638
700
#76522D
800
#5C4023
900
#44301D
950
#2B1F12

Contrast Checker

Text on white

6.6:1

AA Pass AAA Fail

Text on black

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