#C3E4FE

#C3E4FE

Color Values

HEX

#C3E4FE

RGB

195, 228, 254

HSL

206.4, 96.7%, 88.0%

HSV

206.4, 23.2%, 99.6%

CMYK

23.2%, 10.2%, 0.0%, 0.4%

OKLCH

0.9033 0.0499 241.9

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#C3E4FE

#FEDDC3

Analogous

#C3FEFA

#C3C6FE

#C3E4FE

Triadic

#C3E4FE

#FEC3E4

#E4FEC3

Split Complementary

#C3E4FE

#FEC3C6

#FEFAC3

Tetradic

#C3E4FE

#FAC3FE

#FEDDC3

#C6FEC3

Color Blindness Simulation

Original

#C3E4FE

Protanopia

#D1D2F8

Deuteranopia

#CFCDF6

Tritanopia

#C5F3F2

Achromatopsia

#DFDFDF

CSS Usage

background-color: #C3E4FE;
color: #C3E4FE;
border-color: #C3E4FE;
Nearest Tailwind: Sky 200 #BAE6FD

Tailwind Shades

50
#F1F8FE
100
#DEEFFC
200
#B9DFFE
300
#87C9FD
400
#45ACFC
500
#048EFB
600
#0372C9
700
#035BA1
800
#02477D
900
#06365B
950
#042239

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

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