#D3EFFE

#D3EFFE

Color Values

HEX

#D3EFFE

RGB

211, 239, 254

HSL

200.9, 95.6%, 91.2%

HSV

200.9, 16.9%, 99.6%

CMYK

16.9%, 5.9%, 0.0%, 0.4%

OKLCH

0.9364 0.0358 231.1

Properties

Cool Light Nearest: lightblue 1

Color Harmonies

Complementary

#D3EFFE

#FEE2D3

Analogous

#D3FEF8

#D3DAFE

#D3EFFE

Triadic

#D3EFFE

#FED3EF

#EFFED3

Split Complementary

#D3EFFE

#FED3DA

#FEF8D3

Tetradic

#D3EFFE

#F8D3FE

#FEE2D3

#DAFED3

Color Blindness Simulation

Original

#D3EFFE

Protanopia

#DFDFFA

Deuteranopia

#DEDBFA

Tritanopia

#D4F8F7

Achromatopsia

#EAEAEA

CSS Usage

background-color: #D3EFFE;
color: #D3EFFE;
border-color: #D3EFFE;
Nearest Tailwind: Sky 100 #E0F2FE

Tailwind Shades

50
#F1F9FE
100
#DFF2FC
200
#B9E6FD
300
#87D4FC
400
#46BCFB
500
#06A4F9
600
#0484C8
700
#0469A0
800
#03527D
900
#073D5A
950
#042739

Contrast Checker

Text on white

1.2:1

AA Fail AAA Fail

Text on black

17.55:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026