#DFEAFE

#DFEAFE

Color Values

HEX

#DFEAFE

RGB

223, 234, 254

HSL

218,7, 93,9%, 93,5%

HSV

218,7, 12,2%, 99,6%

CMYK

12,2%, 7,9%, 0,0%, 0,4%

OKLCH

0,9348 0,0296 262,5

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#DFEAFE

#FEF3DF

Analogous

#DFF9FE

#E3DFFE

#DFEAFE

Triadic

#DFEAFE

#FEDFEA

#EAFEDF

Split Complementary

#DFEAFE

#FEE3DF

#F9FEDF

Tetradic

#DFEAFE

#FEDFF9

#FEF3DF

#DFFEE3

Color Blindness Simulation

Original

#DFEAFE

Protanopia

#E4E4F9

Deuteranopia

#E3E2F8

Tritanopia

#E0F5F4

Achromatopsia

#E9E9E9

CSS Usage

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

Tailwind Shades

50
#F1F6FD
100
#DFE9FB
200
#BAD2FD
300
#88B1FB
400
#4887F9
500
#085DF7
600
#064AC6
700
#053B9E
800
#042E7C
900
#082559
950
#051738

Contrast Checker

Text on white

1,21:1

AA Fail AAA Fail

Text on black

17,34: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