#EAF5F4

#EAF5F4

Color Values

HEX

#EAF5F4

RGB

234, 245, 244

HSL

174.5, 35.5%, 93.9%

HSV

174.5, 4.5%, 96.1%

CMYK

4.5%, 0.0%, 0.4%, 3.9%

OKLCH

0.9616 0.0117 190.4

Properties

Cool Light Nearest: azure 2

Color Harmonies

Complementary

#EAF5F4

#F5EAEB

Analogous

#EAF5EE

#EAF0F5

#EAF5F4

Triadic

#EAF5F4

#F4EAF5

#F5F4EA

Split Complementary

#EAF5F4

#F5EAF0

#F5EEEA

Tetradic

#EAF5F4

#EEEAF5

#F5EAEB

#F0F5EA

Color Blindness Simulation

Original

#EAF5F4

Protanopia

#EFEFF4

Deuteranopia

#EEEDF4

Tritanopia

#EBF4F4

Achromatopsia

#F3F3F3

CSS Usage

background-color: #EAF5F4;
color: #EAF5F4;
border-color: #EAF5F4;
Nearest Tailwind: Teal 50 #F0FDFA

Tailwind Shades

50
#F5FAF9
100
#E8F3F2
200
#CFE8E6
300
#ACD8D4
400
#7FC2BC
500
#52ADA4
600
#428A84
700
#356F69
800
#295652
900
#21403D
950
#152827

Contrast Checker

Text on white

1.11:1

AA Fail AAA Fail

Text on black

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