#DAF3F6

#DAF3F6

Color Values

HEX

#DAF3F6

RGB

218, 243, 246

HSL

186.4, 60.9%, 91.0%

HSV

186.4, 11.4%, 96.5%

CMYK

11.4%, 1.2%, 0.0%, 3.5%

OKLCH

0.9468 0.0265 205.4

Properties

Cool Light Nearest: lightcyan 2

Color Harmonies

Complementary

#DAF3F6

#F6DDDA

Analogous

#DAF6EB

#DAE5F6

#DAF3F6

Triadic

#DAF3F6

#F6DAF3

#F3F6DA

Split Complementary

#DAF3F6

#F6DAE5

#F6EBDA

Tetradic

#DAF3F6

#EBDAF6

#F6DDDA

#E5F6DA

Color Blindness Simulation

Original

#DAF3F6

Protanopia

#E5E5F5

Deuteranopia

#E3E2F5

Tritanopia

#DBF5F5

Achromatopsia

#EEEEEE

CSS Usage

background-color: #DAF3F6;
color: #DAF3F6;
border-color: #DAF3F6;
Nearest Tailwind: Cyan 50 #ECFEFF

Tailwind Shades

50
#F3FAFB
100
#E4F4F6
200
#C6ECF1
300
#9DDFE7
400
#67CEDA
500
#32BDCD
600
#2897A4
700
#207983
800
#195E67
900
#16454B
950
#0E2C2F

Contrast Checker

Text on white

1.16:1

AA Fail AAA Fail

Text on black

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