#906168

#906168

Color Values

HEX

#906168

RGB

144, 97, 104

HSL

351.1, 19.5%, 47.3%

HSV

351.1, 32.6%, 56.5%

CMYK

0.0%, 32.6%, 27.8%, 43.5%

OKLCH

0.5446 0.0618 9.5

Properties

Warm Dark Nearest: lightpink 4

Color Harmonies

Complementary

#906168

#619089

Analogous

#906180

#907261

#906168

Triadic

#906168

#689061

#616890

Split Complementary

#906168

#619072

#618090

Tetradic

#906168

#809061

#619089

#726190

Color Blindness Simulation

Original

#906168

Protanopia

#7C7B66

Deuteranopia

#7E8266

Tritanopia

#8E6565

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#F9F6F6
100
#F0EAEB
200
#E2D4D6
300
#CEB6B9
400
#B38E94
500
#98676E
600
#7A5258
700
#624246
800
#4C3337
900
#39282A
950
#24191B

Contrast Checker

Text on white

5.13:1

AA Pass AAA Fail

Text on black

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