#EAF2F8

#EAF2F8

Color Values

HEX

#EAF2F8

RGB

234, 242, 248

HSL

205.7, 50.0%, 94.5%

HSV

205.7, 5.6%, 97.3%

CMYK

5.6%, 2.4%, 0.0%, 2.7%

OKLCH

0.9569 0.0118 239.9

Properties

Cool Light Nearest: aliceblue

Color Harmonies

Complementary

#EAF2F8

#F8F0EA

Analogous

#EAF8F7

#EAEBF8

#EAF2F8

Triadic

#EAF2F8

#F8EAF2

#F2F8EA

Split Complementary

#EAF2F8

#F8EAEB

#F8F7EA

Tetradic

#EAF2F8

#F7EAF8

#F8F0EA

#EBF8EA

Color Blindness Simulation

Original

#EAF2F8

Protanopia

#EDEEF7

Deuteranopia

#EDECF6

Tritanopia

#EAF5F5

Achromatopsia

#F1F1F1

CSS Usage

background-color: #EAF2F8;
color: #EAF2F8;
border-color: #EAF2F8;
Nearest Tailwind: Slate 100 #F1F5F9

Tailwind Shades

50
#F4F8FB
100
#E6EEF5
200
#C9DEED
300
#A3C6E0
400
#71A7D0
500
#4089BF
600
#336D99
700
#29577A
800
#204460
900
#1B3446
950
#11212C

Contrast Checker

Text on white

1.13:1

AA Fail AAA Fail

Text on black

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