#946567

#946567

Color Values

HEX

#946567

RGB

148, 101, 103

HSL

357.4, 18.9%, 48.8%

HSV

357.4, 31.8%, 58.0%

CMYK

0.0%, 31.8%, 30.4%, 42.0%

OKLCH

0.5568 0.061 16.4

Properties

Warm Dark Nearest: lightpink 4

Color Harmonies

Complementary

#946567

#659492

Analogous

#94657E

#947A65

#946567

Triadic

#946567

#679465

#656794

Split Complementary

#946567

#65947A

#657E94

Tetradic

#946567

#7E9465

#659492

#7A6594

Color Blindness Simulation

Original

#946567

Protanopia

#807F67

Deuteranopia

#828666

Tritanopia

#926666

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#F9F6F6
100
#F0EAEB
200
#E2D5D5
300
#CDB6B7
400
#B28F90
500
#986769
600
#795354
700
#614244
800
#4C3435
900
#392829
950
#24191A

Contrast Checker

Text on white

4.87:1

AA Pass AAA Fail

Text on black

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