#DFEAFB

#DFEAFB

Color Values

HEX

#DFEAFB

RGB

223, 234, 251

HSL

216.4, 77.8%, 92.9%

HSV

216.4, 11.2%, 98.4%

CMYK

11.2%, 6.8%, 0.0%, 1.6%

OKLCH

0.9339 0.0259 259.0

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#DFEAFB

#FBF0DF

Analogous

#DFF8FB

#E2DFFB

#DFEAFB

Triadic

#DFEAFB

#FBDFEA

#EAFBDF

Split Complementary

#DFEAFB

#FBE2DF

#F8FBDF

Tetradic

#DFEAFB

#FBDFF8

#FBF0DF

#DFFBE2

Color Blindness Simulation

Original

#DFEAFB

Protanopia

#E4E4F7

Deuteranopia

#E3E2F6

Tritanopia

#E0F4F3

Achromatopsia

#E9E9E9

CSS Usage

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

Tailwind Shades

50
#F2F6FC
100
#E1EBF9
200
#C0D5F7
300
#92B8F1
400
#5791EA
500
#1C6AE3
600
#1755B5
700
#124491
800
#0E3571
900
#0F2952
950
#091A34

Contrast Checker

Text on white

1.21:1

AA Fail AAA Fail

Text on black

17.3:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2월 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2월 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2월 20, 2026