#C456B9

#C456B9

Color Values

HEX

#C456B9

RGB

196, 86, 185

HSL

306.0, 48.2%, 55.3%

HSV

306.0, 56.1%, 76.9%

CMYK

0.0%, 56.1%, 5.6%, 23.1%

OKLCH

0.6263 0.1832 331.5

Properties

Warm Light Nearest: orchid 3

Color Harmonies

Complementary

#C456B9

#56C461

Analogous

#9856C4

#C45682

#C456B9

Triadic

#C456B9

#B9C456

#56B9C4

Split Complementary

#C456B9

#82C456

#56C498

Tetradic

#C456B9

#C49856

#56C461

#5682C4

Color Blindness Simulation

Original

#C456B9

Protanopia

#9493A1

Deuteranopia

#9BA39B

Tritanopia

#BE8E8A

Achromatopsia

#757575

CSS Usage

background-color: #C456B9;
color: #C456B9;
border-color: #C456B9;
Nearest Tailwind: Fuchsia 400 #E879F9

Tailwind Shades

50
#FAF4FA
100
#F4E6F3
200
#EDCAE9
300
#DFA4D9
400
#CE73C5
500
#BD42B1
600
#97358D
700
#792A71
800
#5E2158
900
#451B41
950
#2C1129

Contrast Checker

Text on white

3.9:1

AA Fail AAA Fail

Text on black

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