#CFAFF6

#CFAFF6

Color Values

HEX

#CFAFF6

RGB

207, 175, 246

HSL

267,0, 79,8%, 82,5%

HSV

267,0, 28,9%, 96,5%

CMYK

15,9%, 28,9%, 0,0%, 3,5%

OKLCH

0,8065 0,1037 304,8

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#CFAFF6

#D6F6AF

Analogous

#AFB2F6

#F2AFF6

#CFAFF6

Triadic

#CFAFF6

#F6CFAF

#AFF6CF

Split Complementary

#CFAFF6

#F6F2AF

#B2F6AF

Tetradic

#CFAFF6

#F6AFB2

#D6F6AF

#AFF6F2

Color Blindness Simulation

Original

#CFAFF6

Protanopia

#C1C1E5

Deuteranopia

#C3C5E1

Tritanopia

#CDD7D4

Achromatopsia

#BBBBBB

CSS Usage

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

Tailwind Shades

50
#F7F2FD
100
#ECE1F9
200
#D8BFF8
300
#BD91F3
400
#9955EC
500
#751AE5
600
#5E15B7
700
#4B1093
800
#3B0D73
900
#2D0E53
950
#1C0935

Contrast Checker

Text on white

1,89:1

AA Fail AAA Fail

Text on black

11,12:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026