#D9FAFE

#D9FAFE

Color Values

HEX

#D9FAFE

RGB

217, 250, 254

HSL

186,5, 94,9%, 92,4%

HSV

186,5, 14,6%, 99,6%

CMYK

14,6%, 1,6%, 0,0%, 0,4%

OKLCH

0,9627 0,0346 205,5

Properties

Cool Light Nearest: lightcyan

Color Harmonies

Complementary

#D9FAFE

#FEDDD9

Analogous

#D9FEF0

#D9E8FE

#D9FAFE

Triadic

#D9FAFE

#FED9FA

#FAFED9

Split Complementary

#D9FAFE

#FED9E8

#FEF0D9

Tetradic

#D9FAFE

#F0D9FE

#FEDDD9

#E8FED9

Color Blindness Simulation

Original

#D9FAFE

Protanopia

#E7E8FD

Deuteranopia

#E5E3FD

Tritanopia

#DBFCFC

Achromatopsia

#F3F3F3

CSS Usage

background-color: #D9FAFE;
color: #D9FAFE;
border-color: #D9FAFE;
Nearest Tailwind: Cyan 100 #CFFAFE

Tailwind Shades

50
#F1FCFE
100
#DFF8FC
200
#B9F6FD
300
#88EFFC
400
#47E7FA
500
#07DEF8
600
#05B2C7
700
#048E9F
800
#036F7C
900
#07515A
950
#043339

Contrast Checker

Text on white

1,1:1

AA Fail AAA Fail

Text on black

19,06: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