#DFECFB

#DFECFB

Color Values

HEX

#DFECFB

RGB

223, 236, 251

HSL

212.1, 77.8%, 92.9%

HSV

212.1, 11.2%, 98.4%

CMYK

11.2%, 6.0%, 0.0%, 1.6%

OKLCH

0.9378 0.0246 251.9

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#DFECFB

#FBEEDF

Analogous

#DFFAFB

#E0DFFB

#DFECFB

Triadic

#DFECFB

#FBDFEC

#ECFBDF

Split Complementary

#DFECFB

#FBE0DF

#FAFBDF

Tetradic

#DFECFB

#FBDFFA

#FBEEDF

#DFFBE0

Color Blindness Simulation

Original

#DFECFB

Protanopia

#E5E5F7

Deuteranopia

#E4E3F6

Tritanopia

#E0F5F4

Achromatopsia

#EAEAEA

CSS Usage

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

Tailwind Shades

50
#F2F7FC
100
#E1ECF9
200
#C0D9F7
300
#92BEF1
400
#579CEA
500
#1C79E3
600
#1760B5
700
#124D91
800
#0E3C71
900
#0F2E52
950
#091D34

Contrast Checker

Text on white

1.2:1

AA Fail AAA Fail

Text on black

17.53:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026