#C2DFFE

#C2DFFE

Color Values

HEX

#C2DFFE

RGB

194, 223, 254

HSL

211.0, 96.8%, 87.8%

HSV

211.0, 23.6%, 99.6%

CMYK

23.6%, 12.2%, 0.0%, 0.4%

OKLCH

0.8925 0.0528 250.2

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#C2DFFE

#FEE1C2

Analogous

#C2FDFE

#C3C2FE

#C2DFFE

Triadic

#C2DFFE

#FEC2DF

#DFFEC2

Split Complementary

#C2DFFE

#FEC3C2

#FDFEC2

Tetradic

#C2DFFE

#FEC2FD

#FEE1C2

#C2FEC3

Color Blindness Simulation

Original

#C2DFFE

Protanopia

#CFCFF7

Deuteranopia

#CDCBF5

Tritanopia

#C3F1EF

Achromatopsia

#DBDBDB

CSS Usage

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

Tailwind Shades

50
#F1F7FE
100
#DEEDFC
200
#B9DAFE
300
#87C0FD
400
#459EFC
500
#047BFB
600
#0363C9
700
#034FA1
800
#023E7D
900
#062F5B
950
#041E39

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