#CBBFF7

#CBBFF7

Color Values

HEX

#CBBFF7

RGB

203, 191, 247

HSL

252.9, 77.8%, 85.9%

HSV

252.9, 22.7%, 96.9%

CMYK

17.8%, 22.7%, 0.0%, 3.1%

OKLCH

0.8333 0.0785 294.5

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#CBBFF7

#EBF7BF

Analogous

#BFCFF7

#E7BFF7

#CBBFF7

Triadic

#CBBFF7

#F7CBBF

#BFF7CB

Split Complementary

#CBBFF7

#F7E7BF

#CFF7BF

Tetradic

#CBBFF7

#F7BFCF

#EBF7BF

#BFF7E7

Color Blindness Simulation

Original

#CBBFF7

Protanopia

#C6C6E9

Deuteranopia

#C6C7E6

Tritanopia

#CADFDC

Achromatopsia

#C6C6C6

CSS Usage

background-color: #CBBFF7;
color: #CBBFF7;
border-color: #CBBFF7;
Nearest Tailwind: Violet 300 #C4B5FD

Tailwind Shades

50
#F4F2FC
100
#E6E1F9
200
#CBC0F7
300
#A792F1
400
#7757EA
500
#471CE3
600
#3917B5
700
#2D1291
800
#230E71
900
#1D0F52
950
#120934

Contrast Checker

Text on white

1.7:1

AA Fail AAA Fail

Text on black

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