#CFA2FA

#CFA2FA

Color Values

HEX

#CFA2FA

RGB

207, 162, 250

HSL

270.7, 89.8%, 80.8%

HSV

270.7, 35.2%, 98.0%

CMYK

17.2%, 35.2%, 0.0%, 2.0%

OKLCH

0.7851 0.1302 307.1

Properties

Cool Light Nearest: plum

Color Harmonies

Complementary

#CFA2FA

#CDFAA2

Analogous

#A3A2FA

#FAA2F9

#CFA2FA

Triadic

#CFA2FA

#FACFA2

#A2FACF

Split Complementary

#CFA2FA

#F9FAA2

#A2FAA3

Tetradic

#CFA2FA

#FAA3A2

#CDFAA2

#A2F9FA

Color Blindness Simulation

Original

#CFA2FA

Protanopia

#BCBBE5

Deuteranopia

#BEC1E0

Tritanopia

#CDD4D0

Achromatopsia

#B2B2B2

CSS Usage

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

Tailwind Shades

50
#F7F2FD
100
#EDE0FB
200
#DCBBFB
300
#C38BF9
400
#A34CF5
500
#820DF2
600
#680AC2
700
#53089B
800
#410779
900
#310958
950
#1F0637

Contrast Checker

Text on white

2.06:1

AA Fail AAA Fail

Text on black

10.2:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026