#C4DFFA

#C4DFFA

Color Values

HEX

#C4DFFA

RGB

196, 223, 250

HSL

210.0, 84.4%, 87.5%

HSV

210.0, 21.6%, 98.0%

CMYK

21.6%, 10.8%, 0.0%, 2.0%

OKLCH

0.8925 0.0471 248.4

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#C4DFFA

#FADFC4

Analogous

#C4FAFA

#C4C4FA

#C4DFFA

Triadic

#C4DFFA

#FAC4DF

#DFFAC4

Split Complementary

#C4DFFA

#FAC4C4

#FAFAC4

Tetradic

#C4DFFA

#FAC4FA

#FADFC4

#C4FAC4

Color Blindness Simulation

Original

#C4DFFA

Protanopia

#D0D0F3

Deuteranopia

#CECCF2

Tritanopia

#C5EEED

Achromatopsia

#DBDBDB

CSS Usage

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

Tailwind Shades

50
#F2F7FD
100
#E0EDFA
200
#BDDBF9
300
#8EC2F5
400
#51A1F0
500
#1480EB
600
#1066BC
700
#0D5296
800
#0A4076
900
#0C3055
950
#071F36

Contrast Checker

Text on white

1.37:1

AA Fail AAA Fail

Text on black

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