#ECF8FA

#ECF8FA

Color Values

HEX

#ECF8FA

RGB

236, 248, 250

HSL

188.6, 58.3%, 95.3%

HSV

188.6, 5.6%, 98.0%

CMYK

5.6%, 0.8%, 0.0%, 2.0%

OKLCH

0.9708 0.013 208.8

Properties

Cool Light Nearest: azure

Color Harmonies

Complementary

#ECF8FA

#FAEEEC

Analogous

#ECFAF5

#ECF1FA

#ECF8FA

Triadic

#ECF8FA

#FAECF8

#F8FAEC

Split Complementary

#ECF8FA

#FAECF1

#FAF5EC

Tetradic

#ECF8FA

#F5ECFA

#FAEEEC

#F1FAEC

Color Blindness Simulation

Original

#ECF8FA

Protanopia

#F1F1FA

Deuteranopia

#F0F0F9

Tritanopia

#EDF9F9

Achromatopsia

#F6F6F6

CSS Usage

background-color: #ECF8FA;
color: #ECF8FA;
border-color: #ECF8FA;
Nearest Tailwind: Sky 50 #F0F9FF

Tailwind Shades

50
#F4FAFB
100
#E4F3F6
200
#C6EAF0
300
#9EDBE5
400
#6AC8D8
500
#35B5CA
600
#2B90A1
700
#227481
800
#1B5A65
900
#17434A
950
#0F2A2F

Contrast Checker

Text on white

1.08:1

AA Fail AAA Fail

Text on black

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