#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026