#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

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