#CBAFFA

#CBAFFA

Color Values

HEX

#CBAFFA

RGB

203, 175, 250

HSL

262.4, 88.2%, 83.3%

HSV

262.4, 30.0%, 98.0%

CMYK

18.8%, 30.0%, 0.0%, 2.0%

OKLCH

0.8047 0.1078 301.1

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#CBAFFA

#DEFAAF

Analogous

#AFB8FA

#F0AFFA

#CBAFFA

Triadic

#CBAFFA

#FACBAF

#AFFACB

Split Complementary

#CBAFFA

#FAF0AF

#B8FAAF

Tetradic

#CBAFFA

#FAAFB8

#DEFAAF

#AFFAF0

Color Blindness Simulation

Original

#CBAFFA

Protanopia

#BFBFE8

Deuteranopia

#C0C3E4

Tritanopia

#CADAD6

Achromatopsia

#BABABA

CSS Usage

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

Tailwind Shades

50
#F6F2FD
100
#EAE0FB
200
#D3BCFB
300
#B48CF8
400
#8C4DF4
500
#630FF0
600
#4F0CC0
700
#3F0A9A
800
#320878
900
#270A57
950
#180637

Contrast Checker

Text on white

1.9:1

AA Fail AAA Fail

Text on black

11.05:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026