#C4D0FB

#C4D0FB

Color Values

HEX

#C4D0FB

RGB

196, 208, 251

HSL

226.9, 87.3%, 87.6%

HSV

226.9, 21.9%, 98.4%

CMYK

21.9%, 17.1%, 0.0%, 1.6%

OKLCH

0.8626 0.0612 272.8

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#C4D0FB

#FBEFC4

Analogous

#C4EBFB

#D3C4FB

#C4D0FB

Triadic

#C4D0FB

#FBC4D0

#D0FBC4

Split Complementary

#C4D0FB

#FBD3C4

#EBFBC4

Tetradic

#C4D0FB

#FBC4EB

#FBEFC4

#C4FBD3

Color Blindness Simulation

Original

#C4D0FB

Protanopia

#C9C9F1

Deuteranopia

#C8C8EE

Tritanopia

#C5E8E7

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#F2F4FD
100
#E0E6FA
200
#BCCAFA
300
#8CA4F7
400
#4E72F3
500
#1041EF
600
#0D34BF
700
#0A2999
800
#082077
900
#0A1B57
950
#071137

Contrast Checker

Text on white

1.53:1

AA Fail AAA Fail

Text on black

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