#DAFFF8

#DAFFF8

Color Values

HEX

#DAFFF8

RGB

218, 255, 248

HSL

168.6, 100.0%, 92.7%

HSV

168.6, 14.5%, 100.0%

CMYK

14.5%, 0.0%, 2.7%, 0.0%

OKLCH

0.9719 0.0392 182.8

Properties

Cool Light Nearest: lightcyan

Color Harmonies

Complementary

#DAFFF8

#FFDAE1

Analogous

#DAFFE5

#DAF3FF

#DAFFF8

Triadic

#DAFFF8

#F8DAFF

#FFF8DA

Split Complementary

#DAFFF8

#FFDAF3

#FFE5DA

Tetradic

#DAFFF8

#E5DAFF

#FFDAE1

#F3FFDA

Color Blindness Simulation

Original

#DAFFF8

Protanopia

#EAEAFA

Deuteranopia

#E8E5FA

Tritanopia

#DCFBFB

Achromatopsia

#F7F7F7

CSS Usage

background-color: #DAFFF8;
color: #DAFFF8;
border-color: #DAFFF8;
Nearest Tailwind: Teal 100 #CCFBF1

Tailwind Shades

50
#F1FEFB
100
#DEFCF7
200
#B8FFF1
300
#85FFE8
400
#42FFDB
500
#00FFCF
600
#00CCA5
700
#00A384
800
#008067
900
#055C4B
950
#033A30

Contrast Checker

Text on white

1.07:1

AA Fail AAA Fail

Text on black

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