#946566

#946566

Color Values

HEX

#946566

RGB

148, 101, 102

HSL

358.7, 18.9%, 48.8%

HSV

358.7, 31.8%, 58.0%

CMYK

0.0%, 31.8%, 31.1%, 42.0%

OKLCH

0.5565 0.061 17.8

Properties

Warm Dark Nearest: lightpink 4

Color Harmonies

Complementary

#946566

#659493

Analogous

#94657D

#947B65

#946566

Triadic

#946566

#669465

#656694

Split Complementary

#946566

#65947B

#657D94

Tetradic

#946566

#7D9465

#659493

#7B6594

Color Blindness Simulation

Original

#946566

Protanopia

#807F66

Deuteranopia

#828666

Tritanopia

#926666

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#F9F6F6
100
#F0EAEA
200
#E2D5D5
300
#CDB6B7
400
#B28F90
500
#986768
600
#795354
700
#614243
800
#4C3434
900
#392829
950
#24191A

Contrast Checker

Text on white

4.87:1

AA Pass AAA Fail

Text on black

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