#C439BC

#C439BC

Color Values

HEX

#C439BC

RGB

196, 57, 188

HSL

303,5, 54,9%, 49,6%

HSV

303,5, 70,9%, 76,9%

CMYK

0,0%, 70,9%, 4,1%, 23,1%

OKLCH

0,5972 0,2241 330,4

Properties

Warm Light Nearest: mediumorchid

Color Harmonies

Complementary

#C439BC

#39C441

Analogous

#8739C4

#C43976

#C439BC

Triadic

#C439BC

#BCC439

#39BCC4

Split Complementary

#C439BC

#76C439

#39C487

Tetradic

#C439BC

#C48739

#39C441

#3976C4

Color Blindness Simulation

Original

#C439BC

Protanopia

#88879C

Deuteranopia

#909A95

Tritanopia

#BD837E

Achromatopsia

#606060

CSS Usage

background-color: #C439BC;
color: #C439BC;
border-color: #C439BC;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FBF4FB
100
#F5E5F5
200
#EFC8ED
300
#E3A0DF
400
#D46DCE
500
#C53ABD
600
#9E2E97
700
#7E2579
800
#631D5F
900
#481946
950
#2E0F2C

Contrast Checker

Text on white

4,51:1

AA Pass AAA Fail

Text on black

4,66: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