#C8C2FB

#C8C2FB

Color Values

HEX

#C8C2FB

RGB

200, 194, 251

HSL

246.3, 87.7%, 87.3%

HSV

246.3, 22.7%, 98.4%

CMYK

20.3%, 22.7%, 0.0%, 1.6%

OKLCH

0.8382 0.0793 289.4

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#C8C2FB

#F5FBC2

Analogous

#C2D9FB

#E5C2FB

#C8C2FB

Triadic

#C8C2FB

#FBC8C2

#C2FBC8

Split Complementary

#C8C2FB

#FBE5C2

#D9FBC2

Tetradic

#C8C2FB

#FBC2D9

#F5FBC2

#C2FBE5

Color Blindness Simulation

Original

#C8C2FB

Protanopia

#C5C5ED

Deuteranopia

#C6C6EA

Tritanopia

#C8E2E0

Achromatopsia

#C7C7C7

CSS Usage

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

Tailwind Shades

50
#F3F2FD
100
#E3E0FA
200
#C3BCFB
300
#978CF7
400
#5F4EF3
500
#2710EF
600
#1F0DBF
700
#190A99
800
#140878
900
#120A57
950
#0C0637

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

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