#C4CFFB

#C4CFFB

Color Values

HEX

#C4CFFB

RGB

196, 207, 251

HSL

228.0, 87.3%, 87.6%

HSV

228.0, 21.9%, 98.4%

CMYK

21.9%, 17.5%, 0.0%, 1.6%

OKLCH

0.8606 0.0624 274.0

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#C4CFFB

#FBF0C4

Analogous

#C4EAFB

#D4C4FB

#C4CFFB

Triadic

#C4CFFB

#FBC4CF

#CFFBC4

Split Complementary

#C4CFFB

#FBD4C4

#EAFBC4

Tetradic

#C4CFFB

#FBC4EA

#FBF0C4

#C4FBD4

Color Blindness Simulation

Original

#C4CFFB

Protanopia

#C9C9F0

Deuteranopia

#C8C7EE

Tritanopia

#C5E8E6

Achromatopsia

#D0D0D0

CSS Usage

background-color: #C4CFFB;
color: #C4CFFB;
border-color: #C4CFFB;
Nearest Tailwind: Indigo 200 #C7D2FE

Tailwind Shades

50
#F2F4FD
100
#E0E5FA
200
#BCC9FA
300
#8CA2F7
400
#4E6FF3
500
#103DEF
600
#0D31BF
700
#0A2799
800
#081E77
900
#0A1A57
950
#071037

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

13.67:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026