#906C63

#906C63

Color Values

HEX

#906C63

RGB

144, 108, 99

HSL

12.0, 18.5%, 47.6%

HSV

12.0, 31.2%, 56.5%

CMYK

0.0%, 25.0%, 31.3%, 43.5%

OKLCH

0.5649 0.0484 34.5

Properties

Warm Dark Nearest: rosybrown 4

Color Harmonies

Complementary

#906C63

#638790

Analogous

#906370

#908263

#906C63

Triadic

#906C63

#63906C

#6C6390

Split Complementary

#906C63

#639082

#637090

Tetradic

#906C63

#709063

#638790

#826390

Color Blindness Simulation

Original

#906C63

Protanopia

#808065

Deuteranopia

#828566

Tritanopia

#8E6767

Achromatopsia

#737373

CSS Usage

background-color: #906C63;
color: #906C63;
border-color: #906C63;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F9F7F6
100
#F0EBEA
200
#E2D7D5
300
#CDBBB6
400
#B2968F
500
#977168
600
#795B53
700
#614943
800
#4C3934
900
#392C28
950
#241C1A

Contrast Checker

Text on white

4.66:1

AA Pass AAA Fail

Text on black

4.51:1

AA Pass 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