#C3DDFC

#C3DDFC

Color Values

HEX

#C3DDFC

RGB

195, 221, 252

HSL

212.6, 90.5%, 87.6%

HSV

212.6, 22.6%, 98.8%

CMYK

22.6%, 12.3%, 0.0%, 1.2%

OKLCH

0.8884 0.0511 252.9

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#C3DDFC

#FCE2C3

Analogous

#C3FAFC

#C5C3FC

#C3DDFC

Triadic

#C3DDFC

#FCC3DD

#DDFCC3

Split Complementary

#C3DDFC

#FCC5C3

#FAFCC3

Tetradic

#C3DDFC

#FCC3FA

#FCE2C3

#C3FCC5

Color Blindness Simulation

Original

#C3DDFC

Protanopia

#CECEF5

Deuteranopia

#CDCBF3

Tritanopia

#C4EFED

Achromatopsia

#DADADA

CSS Usage

background-color: #C3DDFC;
color: #C3DDFC;
border-color: #C3DDFC;
Nearest Tailwind: Blue 200 #BFDBFE

Tailwind Shades

50
#F1F7FD
100
#DFECFB
200
#BBD8FC
300
#8ABDF9
400
#4B99F6
500
#0C75F3
600
#0A5EC2
700
#084B9B
800
#063B79
900
#092D58
950
#061C38

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

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