#DAFAF7

#DAFAF7

Color Values

HEX

#DAFAF7

RGB

218, 250, 247

HSL

174.4, 76.2%, 91.8%

HSV

174.4, 12.8%, 98.0%

CMYK

12.8%, 0.0%, 1.2%, 2.0%

OKLCH

0.9614 0.0334 189.7

Properties

Cool Light Nearest: lightcyan

Color Harmonies

Complementary

#DAFAF7

#FADADD

Analogous

#DAFAE7

#DAEDFA

#DAFAF7

Triadic

#DAFAF7

#F7DAFA

#FAF7DA

Split Complementary

#DAFAF7

#FADAED

#FAE7DA

Tetradic

#DAFAF7

#E7DAFA

#FADADD

#EDFADA

Color Blindness Simulation

Original

#DAFAF7

Protanopia

#E8E8F8

Deuteranopia

#E6E4F8

Tritanopia

#DCF8F8

Achromatopsia

#F3F3F3

CSS Usage

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

Tailwind Shades

50
#F2FCFB
100
#E2F9F7
200
#C0F7F1
300
#93F0E8
400
#59E9DB
500
#1EE1CF
600
#18B4A5
700
#139084
800
#0F7067
900
#0F524B
950
#0A3430

Contrast Checker

Text on white

1.11:1

AA Fail AAA Fail

Text on black

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