#EAFBF9

#EAFBF9

Color Values

HEX

#EAFBF9

RGB

234, 251, 249

HSL

172.9, 68.0%, 95.1%

HSV

172.9, 6.8%, 98.4%

CMYK

6.8%, 0.0%, 0.8%, 1.6%

OKLCH

0.975 0.018 188.4

Properties

Cool Light Nearest: azure

Color Harmonies

Complementary

#EAFBF9

#FBEAEC

Analogous

#EAFBF0

#EAF5FB

#EAFBF9

Triadic

#EAFBF9

#F9EAFB

#FBF9EA

Split Complementary

#EAFBF9

#FBEAF5

#FBF0EA

Tetradic

#EAFBF9

#F0EAFB

#FBEAEC

#F5FBEA

Color Blindness Simulation

Original

#EAFBF9

Protanopia

#F1F2F9

Deuteranopia

#F0EFFA

Tritanopia

#EBFAFA

Achromatopsia

#F7F7F7

CSS Usage

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

Tailwind Shades

50
#F3FCFB
100
#E3F7F5
200
#C3F4EE
300
#98EBE2
400
#60E1D2
500
#29D6C2
600
#21AB9B
700
#1A897C
800
#146B61
900
#134E47
950
#0C312D

Contrast Checker

Text on white

1.07:1

AA Fail AAA Fail

Text on black

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