#D3F6FE

#D3F6FE

Color Values

HEX

#D3F6FE

RGB

211, 246, 254

HSL

191.2, 95.6%, 91.2%

HSV

191.2, 16.9%, 99.6%

CMYK

16.9%, 3.1%, 0.0%, 0.4%

OKLCH

0.9506 0.0378 213.1

Properties

Cool Light Nearest: lightcyan 2

Color Harmonies

Complementary

#D3F6FE

#FEDBD3

Analogous

#D3FEF1

#D3E1FE

#D3F6FE

Triadic

#D3F6FE

#FED3F6

#F6FED3

Split Complementary

#D3F6FE

#FED3E1

#FEF1D3

Tetradic

#D3F6FE

#F1D3FE

#FEDBD3

#E1FED3

Color Blindness Simulation

Original

#D3F6FE

Protanopia

#E2E2FC

Deuteranopia

#E0DEFC

Tritanopia

#D5FBFA

Achromatopsia

#EFEFEF

CSS Usage

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

Tailwind Shades

50
#F1FBFE
100
#DFF6FC
200
#B9F1FD
300
#87E6FC
400
#46D9FB
500
#06CCF9
600
#04A3C8
700
#0482A0
800
#03667D
900
#074B5A
950
#042F39

Contrast Checker

Text on white

1.14:1

AA Fail AAA Fail

Text on black

18.38:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026