#DFECFC

#DFECFC

Color Values

HEX

#DFECFC

RGB

223, 236, 252

HSL

213.1, 82.9%, 93.1%

HSV

213.1, 11.5%, 98.8%

CMYK

11.5%, 6.3%, 0.0%, 1.2%

OKLCH

0.9381 0.0258 253.6

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#DFECFC

#FCEFDF

Analogous

#DFFAFC

#E0DFFC

#DFECFC

Triadic

#DFECFC

#FCDFEC

#ECFCDF

Split Complementary

#DFECFC

#FCE0DF

#FAFCDF

Tetradic

#DFECFC

#FCDFFA

#FCEFDF

#DFFCE0

Color Blindness Simulation

Original

#DFECFC

Protanopia

#E5E5F8

Deuteranopia

#E4E3F7

Tritanopia

#E0F5F4

Achromatopsia

#EAEAEA

CSS Usage

background-color: #DFECFC;
color: #DFECFC;
border-color: #DFECFC;
Nearest Tailwind: Blue 100 #DBEAFE

Tailwind Shades

50
#F2F7FD
100
#E1ECFA
200
#BED8F9
300
#8FBDF5
400
#5299EF
500
#1675E9
600
#115DBB
700
#0E4B95
800
#0B3A75
900
#0C2D55
950
#081C35

Contrast Checker

Text on white

1.2:1

AA Fail AAA Fail

Text on black

17.54:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026