#C3DBFC

#C3DBFC

Color Values

HEX

#C3DBFC

RGB

195, 219, 252

HSL

214.7, 90.5%, 87.6%

HSV

214.7, 22.6%, 98.8%

CMYK

22.6%, 13.1%, 0.0%, 1.2%

OKLCH

0.8843 0.0525 256.4

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#C3DBFC

#FCE4C3

Analogous

#C3F8FC

#C7C3FC

#C3DBFC

Triadic

#C3DBFC

#FCC3DB

#DBFCC3

Split Complementary

#C3DBFC

#FCC7C3

#F8FCC3

Tetradic

#C3DBFC

#FCC3F8

#FCE4C3

#C3FCC7

Color Blindness Simulation

Original

#C3DBFC

Protanopia

#CDCEF4

Deuteranopia

#CCCAF2

Tritanopia

#C4EEEC

Achromatopsia

#D8D8D8

CSS Usage

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

Tailwind Shades

50
#F1F6FD
100
#DFEBFB
200
#BBD6FC
300
#8AB9F9
400
#4B93F6
500
#0C6DF3
600
#0A58C2
700
#08469B
800
#063779
900
#092A58
950
#061B38

Contrast Checker

Text on white

1.41:1

AA Fail AAA Fail

Text on black

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