#CB4AF7

#CB4AF7

Color Values

HEX

#CB4AF7

RGB

203, 74, 247

HSL

284,7, 91,5%, 62,9%

HSV

284,7, 70,0%, 96,9%

CMYK

17,8%, 70,0%, 0,0%, 3,1%

OKLCH

0,6569 0,2559 316,1

Properties

Cool Light Nearest: darkorchid 2

Color Harmonies

Complementary

#CB4AF7

#76F74A

Analogous

#744AF7

#F74ACD

#CB4AF7

Triadic

#CB4AF7

#F7CB4A

#4AF7CB

Split Complementary

#CB4AF7

#CDF74A

#4AF774

Tetradic

#CB4AF7

#F7744A

#76F74A

#4ACDF7

Color Blindness Simulation

Original

#CB4AF7

Protanopia

#9392CD

Deuteranopia

#9BA4C3

Tritanopia

#C5ACA5

Achromatopsia

#727272

CSS Usage

background-color: #CB4AF7;
color: #CB4AF7;
border-color: #CB4AF7;
Nearest Tailwind: Fuchsia 500 #D946EF

Tailwind Shades

50
#FAF1FD
100
#F4DFFB
200
#EBBBFC
300
#DD8AFA
400
#CB4AF7
500
#B90BF4
600
#9409C3
700
#76079C
800
#5C057A
900
#440958
950
#2B0538

Contrast Checker

Text on white

3,58:1

AA Fail AAA Fail

Text on black

5,86: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