#ECEED6

#ECEED6

Color Values

HEX

#ECEED6

RGB

236, 238, 214

HSL

65.0, 41.4%, 88.6%

HSV

65.0, 10.1%, 93.3%

CMYK

0.8%, 0.0%, 10.1%, 6.7%

OKLCH

0.9412 0.0317 110.9

Properties

Cool Light Nearest: lightyellow 2

Color Harmonies

Complementary

#ECEED6

#D8D6EE

Analogous

#EEE4D6

#E0EED6

#ECEED6

Triadic

#ECEED6

#D6ECEE

#EED6EC

Split Complementary

#ECEED6

#D6E0EE

#E4D6EE

Tetradic

#ECEED6

#D6EEE4

#D8D6EE

#EED6E0

Color Blindness Simulation

Original

#ECEED6

Protanopia

#EDEDDC

Deuteranopia

#EDEDDD

Tritanopia

#ECE0E1

Achromatopsia

#ECECEC

CSS Usage

background-color: #ECEED6;
color: #ECEED6;
border-color: #ECEED6;
Nearest Tailwind: Lime 50 #F7FEE7

Tailwind Shades

50
#FAFAF5
100
#F2F3E7
200
#E8EACD
300
#D7DBA8
400
#C1C87A
500
#ABB44B
600
#89903C
700
#6E7330
800
#565A25
900
#3F431E
950
#282A13

Contrast Checker

Text on white

1.18:1

AA Fail AAA Fail

Text on black

17.77:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026