#C3DDF9

#C3DDF9

Color Values

HEX

#C3DDF9

RGB

195, 221, 249

HSL

211,1, 81,8%, 87,1%

HSV

211,1, 21,7%, 97,6%

CMYK

21,7%, 11,2%, 0,0%, 2,4%

OKLCH

0,8874 0,0477 250,3

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#C3DDF9

#F9DFC3

Analogous

#C3F8F9

#C4C3F9

#C3DDF9

Triadic

#C3DDF9

#F9C3DD

#DDF9C3

Split Complementary

#C3DDF9

#F9C4C3

#F8F9C3

Tetradic

#C3DDF9

#F9C3F8

#F9DFC3

#C3F9C4

Color Blindness Simulation

Original

#C3DDF9

Protanopia

#CECEF2

Deuteranopia

#CDCBF1

Tritanopia

#C4EDEC

Achromatopsia

#D9D9D9

CSS Usage

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

Tailwind Shades

50
#F2F7FD
100
#E1EDFA
200
#BEDAF9
300
#90C0F4
400
#539EEE
500
#177CE8
600
#1363B9
700
#0F4F94
800
#0C3E74
900
#0D2F54
950
#081E35

Contrast Checker

Text on white

1,4:1

AA Fail AAA Fail

Text on black

15,03:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026