#906A2C

Color Details

HEX
#906A2C
RGB
rgb(144, 106, 44)
HSL
hsl(37, 53%, 37%)
CMYK
cmyk(0%, 26%, 69%, 44%)
Best text on this color #FFFFFF (CR 4.90:1) Determined by WCAG contrast ratio

Readability Previews

Black on #906a2c
Contrast 4.28:1 Fail
White on #906a2c
Contrast 4.90:1 AA
#906a2c on Black
Contrast 4.28:1 Fail
#906a2c on White
Contrast 4.90:1 AA

Tints & Shades

#a68856
#bca680
#d3c3ab
#735523
#56401a
#3a2a12

Complement & Analogous

#2c5390
#85902c
#90382c

Triadic

#2c906a
#6a2c90

Monochrome

#3a2a12 #56401a #906a2c #bca680 #d3c3ab #e9e1d5

Analogous

#90382c #b1746b #906a2c #9da656 #85902c #6a7323

Complementary Mix

#56401a #906a2c #bca680 #2c5390 #768fb7 #1d365e

Nearby Colors

#906a2b
#906a2d
#906a1c
#906a3c

Embed #906A2C swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #906A2C

#906A2C converts to RGB(144, 106, 44) and HSL(37, 53%, 37%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#906A2C FAQs

What is the RGB value of #906A2C?
RGB: 144, 106, 44. Copy as CSS: rgb(144, 106, 44)
Is #906A2C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #906A2C?
Complement: #2c5390.
Does #906A2C have good contrast on white or black?
On white: 4.90:1 (AA (normal text)). On black: 4.28:1 (AA (large text)).