#EDF1FA

#EDF1FA

Color Values

HEX

#EDF1FA

RGB

237, 241, 250

HSL

221.5, 56.5%, 95.5%

HSV

221.5, 5.2%, 98.0%

CMYK

5.2%, 3.6%, 0.0%, 2.0%

OKLCH

0.9577 0.0128 266.7

Properties

Cool Light Nearest: aliceblue

Color Harmonies

Complementary

#EDF1FA

#FAF6ED

Analogous

#EDF8FA

#F0EDFA

#EDF1FA

Triadic

#EDF1FA

#FAEDF1

#F1FAED

Split Complementary

#EDF1FA

#FAF0ED

#F8FAED

Tetradic

#EDF1FA

#FAEDF8

#FAF6ED

#EDFAF0

Color Blindness Simulation

Original

#EDF1FA

Protanopia

#EFEFF8

Deuteranopia

#EEEEF7

Tritanopia

#EDF6F6

Achromatopsia

#F1F1F1

CSS Usage

background-color: #EDF1FA;
color: #EDF1FA;
border-color: #EDF1FA;
Nearest Tailwind: Blue 50 #EFF6FF

Tailwind Shades

50
#F4F6FB
100
#E5EAF6
200
#C7D4EF
300
#9FB5E4
400
#6B8CD6
500
#3764C8
600
#2C50A0
700
#234080
800
#1C3264
900
#182749
950
#0F192E

Contrast Checker

Text on white

1.13:1

AA Fail AAA Fail

Text on black

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