#CB4ACC

#CB4ACC

Color Values

HEX

#CB4ACC

RGB

203, 74, 204

HSL

299.5, 56.0%, 54.5%

HSV

299.5, 63.7%, 80.0%

CMYK

0.5%, 63.7%, 0.0%, 20.0%

OKLCH

0.6317 0.2197 327.5

Properties

Cool Light Nearest: mediumorchid

Color Harmonies

Complementary

#CB4ACC

#4BCC4A

Analogous

#8A4ACC

#CC4A8C

#CB4ACC

Triadic

#CB4ACC

#CCCB4A

#4ACCCB

Split Complementary

#CB4ACC

#8CCC4A

#4ACC8A

Tetradic

#CB4ACC

#CC8A4A

#4BCC4A

#4A8CCC

Color Blindness Simulation

Original

#CB4ACC

Protanopia

#9392AD

Deuteranopia

#9BA4A5

Tritanopia

#C5948E

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#FBF4FB
100
#F6E5F6
200
#EFC7EF
300
#E4A0E4
400
#D56CD5
500
#C638C7
600
#9E2D9F
700
#7F247F
800
#631C63
900
#481849
950
#2E0F2E

Contrast Checker

Text on white

3.9:1

AA Fail AAA Fail

Text on black

5.39:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026