#DFEBF6

#DFEBF6

Color Values

HEX

#DFEBF6

RGB

223, 235, 246

HSL

208.7, 56.1%, 92.0%

HSV

208.7, 9.3%, 96.5%

CMYK

9.3%, 4.5%, 0.0%, 3.5%

OKLCH

0.9343 0.0197 245.6

Properties

Cool Light Nearest: aliceblue

Color Harmonies

Complementary

#DFEBF6

#F6EADF

Analogous

#DFF6F6

#DFE0F6

#DFEBF6

Triadic

#DFEBF6

#F6DFEB

#EBF6DF

Split Complementary

#DFEBF6

#F6DFE0

#F6F6DF

Tetradic

#DFEBF6

#F6DFF6

#F6EADF

#E0F6DF

Color Blindness Simulation

Original

#DFEBF6

Protanopia

#E4E4F3

Deuteranopia

#E4E3F3

Tritanopia

#E0F1F1

Achromatopsia

#E9E9E9

CSS Usage

background-color: #DFEBF6;
color: #DFEBF6;
border-color: #DFEBF6;
Nearest Tailwind: Slate 200 #E2E8F0

Tailwind Shades

50
#F4F8FB
100
#E5EEF6
200
#C7DCEF
300
#9FC3E4
400
#6CA3D6
500
#3883C7
600
#2D689F
700
#24547F
800
#1C4164
900
#183249
950
#0F1F2E

Contrast Checker

Text on white

1.21:1

AA Fail AAA Fail

Text on black

17.35: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