#EDFEFB

#EDFEFB

Color Values

HEX

#EDFEFB

RGB

237, 254, 251

HSL

169.4, 89.5%, 96.3%

HSV

169.4, 6.7%, 99.6%

CMYK

6.7%, 0.0%, 1.2%, 0.4%

OKLCH

0.9837 0.0182 184.3

Properties

Cool Light Nearest: azure

Color Harmonies

Complementary

#EDFEFB

#FEEDF0

Analogous

#EDFEF3

#EDF9FE

#EDFEFB

Triadic

#EDFEFB

#FBEDFE

#FEFBED

Split Complementary

#EDFEFB

#FEEDF9

#FEF3ED

Tetradic

#EDFEFB

#F3EDFE

#FEEDF0

#F9FEED

Color Blindness Simulation

Original

#EDFEFB

Protanopia

#F4F5FC

Deuteranopia

#F3F2FC

Tritanopia

#EEFCFC

Achromatopsia

#FAFAFA

CSS Usage

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

Tailwind Shades

50
#F2FDFB
100
#E0FBF6
200
#BBFBF0
300
#8BF9E5
400
#4CF5D7
500
#0DF2C9
600
#0BC1A1
700
#099B81
800
#077965
900
#09574A
950
#06372F

Contrast Checker

Text on white

1.04:1

AA Fail AAA Fail

Text on black

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