#906842

#906842

Color Values

HEX

#906842

RGB

144, 104, 66

HSL

29.2, 37.1%, 41.2%

HSV

29.2, 54.2%, 56.5%

CMYK

0.0%, 27.8%, 54.2%, 43.5%

OKLCH

0.5496 0.074 63.8

Properties

Warm Dark Nearest: RAL 1011 Brown Beige

Color Harmonies

Complementary

#906842

#426A90

Analogous

#904243

#908F42

#906842

Triadic

#906842

#429068

#684290

Split Complementary

#906842

#42908F

#424390

Tetradic

#906842

#439042

#426A90

#8F4290

Color Blindness Simulation

Original

#906842

Protanopia

#7F7E4B

Deuteranopia

#81844D

Tritanopia

#8E5254

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#FAF7F5
100
#F3EDE8
200
#E9DBCE
300
#D9C1AB
400
#C4A07E
500
#AF7E50
600
#8C6540
700
#705133
800
#573F28
900
#413020
950
#291E14

Contrast Checker

Text on white

4.95:1

AA Pass AAA Fail

Text on black

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