#ECF5F5

#ECF5F5

Color Values

HEX

#ECF5F5

RGB

236, 245, 245

HSL

180.0, 31.0%, 94.3%

HSV

180.0, 3.7%, 96.1%

CMYK

3.7%, 0.0%, 0.0%, 3.9%

OKLCH

0.9634 0.0095 197.0

Properties

Cool Light Nearest: RAL 9003 Signal White

Color Harmonies

Complementary

#ECF5F5

#F5ECEC

Analogous

#ECF5F0

#ECF0F5

#ECF5F5

Triadic

#ECF5F5

#F5ECF5

#F5F5EC

Split Complementary

#ECF5F5

#F5ECF0

#F5F0EC

Tetradic

#ECF5F5

#F0ECF5

#F5ECEC

#F0F5EC

Color Blindness Simulation

Original

#ECF5F5

Protanopia

#F0F0F5

Deuteranopia

#EFEFF5

Tritanopia

#ECF5F5

Achromatopsia

#F3F3F3

CSS Usage

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

Tailwind Shades

50
#F5F9F9
100
#E8F2F2
200
#D0E6E6
300
#AFD5D5
400
#83BEBE
500
#58A7A7
600
#468686
700
#386B6B
800
#2C5454
900
#233E3E
950
#162727

Contrast Checker

Text on white

1.11:1

AA Fail AAA Fail

Text on black

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