#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

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026