#D6F2F7

#D6F2F7

Color Values

HEX

#D6F2F7

RGB

214, 242, 247

HSL

189.1, 67.3%, 90.4%

HSV

189.1, 13.4%, 96.9%

CMYK

13.4%, 2.0%, 0.0%, 3.1%

OKLCH

0.9424 0.0301 209.6

Properties

Cool Light Nearest: lightcyan 2

Color Harmonies

Complementary

#D6F2F7

#F7DBD6

Analogous

#D6F7EC

#D6E2F7

#D6F2F7

Triadic

#D6F2F7

#F7D6F2

#F2F7D6

Split Complementary

#D6F2F7

#F7D6E2

#F7ECD6

Tetradic

#D6F2F7

#ECD6F7

#F7DBD6

#E2F7D6

Color Blindness Simulation

Original

#D6F2F7

Protanopia

#E2E2F6

Deuteranopia

#E0DEF5

Tritanopia

#D7F5F5

Achromatopsia

#ECECEC

CSS Usage

background-color: #D6F2F7;
color: #D6F2F7;
border-color: #D6F2F7;
Nearest Tailwind: Sky 100 #E0F2FE

Tailwind Shades

50
#F3FAFC
100
#E3F4F7
200
#C3ECF3
300
#99DEEB
400
#61CDE0
500
#2ABBD5
600
#2196AB
700
#1B7889
800
#155E6B
900
#13454E
950
#0C2C31

Contrast Checker

Text on white

1.17:1

AA Fail AAA Fail

Text on black

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