#E6F2FD

#E6F2FD

Color Values

HEX

#E6F2FD

RGB

230, 242, 253

HSL

208.7, 85.2%, 94.7%

HSV

208.7, 9.1%, 99.2%

CMYK

9.1%, 4.3%, 0.0%, 0.8%

OKLCH

0.9554 0.0196 245.6

Properties

Cool Light Nearest: aliceblue

Color Harmonies

Complementary

#E6F2FD

#FDF1E6

Analogous

#E6FDFD

#E6E6FD

#E6F2FD

Triadic

#E6F2FD

#FDE6F2

#F2FDE6

Split Complementary

#E6F2FD

#FDE6E6

#FDFDE6

Tetradic

#E6F2FD

#FDE6FD

#FDF1E6

#E6FDE6

Color Blindness Simulation

Original

#E6F2FD

Protanopia

#EBEBFA

Deuteranopia

#EAEAFA

Tritanopia

#E7F8F8

Achromatopsia

#F0F0F0

CSS Usage

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

Tailwind Shades

50
#F2F8FD
100
#E0EEFA
200
#BDDDFA
300
#8EC4F6
400
#50A4F1
500
#1384EC
600
#0F6ABD
700
#0C5597
800
#094276
900
#0B3256
950
#072036

Contrast Checker

Text on white

1.14:1

AA Fail AAA Fail

Text on black

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