#CBA9FC

#CBA9FC

Color Values

HEX

#CBA9FC

RGB

203, 169, 252

HSL

264.6, 93.3%, 82.5%

HSV

264.6, 32.9%, 98.8%

CMYK

19.4%, 32.9%, 0.0%, 1.2%

OKLCH

0.7947 0.1201 302.6

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#CBA9FC

#DAFCA9

Analogous

#A9B0FC

#F5A9FC

#CBA9FC

Triadic

#CBA9FC

#FCCBA9

#A9FCCB

Split Complementary

#CBA9FC

#FCF5A9

#B0FCA9

Tetradic

#CBA9FC

#FCA9B0

#DAFCA9

#A9FCF5

Color Blindness Simulation

Original

#CBA9FC

Protanopia

#BCBCE8

Deuteranopia

#BEC1E3

Tritanopia

#C9D8D5

Achromatopsia

#B6B6B6

CSS Usage

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

Tailwind Shades

50
#F6F1FD
100
#EBDFFB
200
#D5BAFD
300
#B889FB
400
#9149F9
500
#6A09F6
600
#5507C5
700
#44059E
800
#35047B
900
#290859
950
#1A0538

Contrast Checker

Text on white

1.98:1

AA Fail AAA Fail

Text on black

10.62: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