#C47ABB

#C47ABB

Color Values

HEX

#C47ABB

RGB

196, 122, 187

HSL

307.3, 38.5%, 62.4%

HSV

307.3, 37.8%, 76.9%

CMYK

0.0%, 37.8%, 4.6%, 23.1%

OKLCH

0.6793 0.1249 331.3

Properties

Warm Light Nearest: plum 3

Color Harmonies

Complementary

#C47ABB

#7AC483

Analogous

#A87AC4

#C47A96

#C47ABB

Triadic

#C47ABB

#BBC47A

#7ABBC4

Split Complementary

#C47ABB

#96C47A

#7AC4A8

Tetradic

#C47ABB

#C4A87A

#7AC483

#7A96C4

Color Blindness Simulation

Original

#C47ABB

Protanopia

#A4A3AB

Deuteranopia

#A8AEA8

Tritanopia

#C09F9C

Achromatopsia

#8E8E8E

CSS Usage

background-color: #C47ABB;
color: #C47ABB;
border-color: #C47ABB;
Nearest Tailwind: Fuchsia 300 #F0ABFC

Tailwind Shades

50
#FAF5F9
100
#F3E7F2
200
#E9CEE6
300
#D9AAD4
400
#C57CBC
500
#B14EA5
600
#8D3F84
700
#713269
800
#582752
900
#41203D
950
#291427

Contrast Checker

Text on white

3.07:1

AA Fail AAA Fail

Text on black

6.85:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1월 18, 2026