#C490BD

#C490BD

Color Values

HEX

#C490BD

RGB

196, 144, 189

HSL

308,1, 30,6%, 66,7%

HSV

308,1, 26,5%, 76,9%

CMYK

0,0%, 26,5%, 3,6%, 23,1%

OKLCH

0,7177 0,087 331,1

Properties

Warm Light Nearest: plum 3

Color Harmonies

Complementary

#C490BD

#90C497

Analogous

#B190C4

#C490A3

#C490BD

Triadic

#C490BD

#BDC490

#90BDC4

Split Complementary

#C490BD

#A3C490

#90C4B1

Tetradic

#C490BD

#C4B190

#90C497

#90A3C4

Color Blindness Simulation

Original

#C490BD

Protanopia

#ADADB2

Deuteranopia

#B0B4AF

Tritanopia

#C1AAA8

Achromatopsia

#9E9E9E

CSS Usage

background-color: #C490BD;
color: #C490BD;
border-color: #C490BD;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#F9F5F9
100
#F2E9F1
200
#E6D0E3
300
#D5AFCF
400
#BE84B6
500
#A7589C
600
#85477D
700
#6B3964
800
#532C4E
900
#3E233A
950
#271625

Contrast Checker

Text on white

2,6:1

AA Fail AAA Fail

Text on black

8,07:1

AA Pass AAA Pass

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