#943666

#943666

Color Values

HEX

#943666

RGB

148, 54, 102

HSL

329.4, 46.5%, 39.6%

HSV

329.4, 63.5%, 58.0%

CMYK

0.0%, 63.5%, 31.1%, 42.0%

OKLCH

0.4805 0.1365 351.8

Properties

Warm Dark Nearest: hotpink 4

Color Harmonies

Complementary

#943666

#369464

Analogous

#933694

#943637

#943666

Triadic

#943666

#669436

#366694

Split Complementary

#943666

#379436

#369493

Tetradic

#943666

#949336

#369464

#363794

Color Blindness Simulation

Original

#943666

Protanopia

#6B6A5A

Deuteranopia

#717858

Tritanopia

#8F514F

Achromatopsia

#4D4D4D

CSS Usage

background-color: #943666;
color: #943666;
border-color: #943666;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#FAF4F7
100
#F4E6ED
200
#ECCBDC
300
#DEA5C2
400
#CD75A2
500
#BB4481
600
#953767
700
#782C52
800
#5D2240
900
#451C31
950
#2B121F

Contrast Checker

Text on white

7.05:1

AA Pass AAA Pass

Text on black

2.98:1

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