#EDFCFA

#EDFCFA

Color Values

HEX

#EDFCFA

RGB

237, 252, 250

HSL

172.0, 71.4%, 95.9%

HSV

172.0, 6.0%, 98.8%

CMYK

6.0%, 0.0%, 0.8%, 1.2%

OKLCH

0.9794 0.016 187.3

Properties

Cool Light Nearest: azure

Color Harmonies

Complementary

#EDFCFA

#FCEDEF

Analogous

#EDFCF3

#EDF7FC

#EDFCFA

Triadic

#EDFCFA

#FAEDFC

#FCFAED

Split Complementary

#EDFCFA

#FCEDF7

#FCF3ED

Tetradic

#EDFCFA

#F3EDFC

#FCEDEF

#F7FCED

Color Blindness Simulation

Original

#EDFCFA

Protanopia

#F3F4FA

Deuteranopia

#F3F1FB

Tritanopia

#EEFBFB

Achromatopsia

#F9F9F9

CSS Usage

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

Tailwind Shades

50
#F3FCFB
100
#E2F8F5
200
#C2F5EE
300
#96EDE2
400
#5DE4D2
500
#24DBC2
600
#1DAF9B
700
#178C7C
800
#126D61
900
#115047
950
#0B322D

Contrast Checker

Text on white

1.05:1

AA Fail AAA Fail

Text on black

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