#CFA7FE

#CFA7FE

Color Values

HEX

#CFA7FE

RGB

207, 167, 254

HSL

267.6, 97.8%, 82.5%

HSV

267.6, 34.3%, 99.6%

CMYK

18.5%, 34.3%, 0.0%, 0.4%

OKLCH

0.7956 0.127 304.8

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#CFA7FE

#D6FEA7

Analogous

#A7AAFE

#FBA7FE

#CFA7FE

Triadic

#CFA7FE

#FECFA7

#A7FECF

Split Complementary

#CFA7FE

#FEFBA7

#AAFEA7

Tetradic

#CFA7FE

#FEA7AA

#D6FEA7

#A7FEFB

Color Blindness Simulation

Original

#CFA7FE

Protanopia

#BEBDE9

Deuteranopia

#C0C3E4

Tritanopia

#CDD8D5

Achromatopsia

#B6B6B6

CSS Usage

background-color: #CFA7FE;
color: #CFA7FE;
border-color: #CFA7FE;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#F7F1FE
100
#ECDEFC
200
#D9B8FE
300
#BD86FE
400
#9944FD
500
#7603FC
600
#5E02CA
700
#4B02A1
800
#3B017E
900
#2D065B
950
#1C043A

Contrast Checker

Text on white

1.98:1

AA Fail AAA Fail

Text on black

10.61:1

AA Pass AAA Pass

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