#946C80

#946C80

Color Values

HEX

#946C80

RGB

148, 108, 128

HSL

330.0, 15.7%, 50.2%

HSV

330.0, 27.0%, 58.0%

CMYK

0.0%, 27.0%, 13.5%, 42.0%

OKLCH

0.5781 0.0579 347.6

Properties

Warm Light Nearest: pink 4

Color Harmonies

Complementary

#946C80

#6C9480

Analogous

#946C94

#946C6C

#946C80

Triadic

#946C80

#80946C

#6C8094

Split Complementary

#946C80

#6C946C

#6C9494

Tetradic

#946C80

#94946C

#6C9480

#6C6C94

Color Blindness Simulation

Original

#946C80

Protanopia

#83827B

Deuteranopia

#85887A

Tritanopia

#927776

Achromatopsia

#767676

CSS Usage

background-color: #946C80;
color: #946C80;
border-color: #946C80;
Nearest Tailwind: Zinc 500 #71717A

Tailwind Shades

50
#F8F6F7
100
#F0EBED
200
#E1D6DB
300
#CBB8C2
400
#AF92A1
500
#946B80
600
#765666
700
#5E4552
800
#4A3640
900
#372A30
950
#231A1F

Contrast Checker

Text on white

4.45:1

AA Fail AAA Fail

Text on black

4.72:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026