#ECEDFF Color

Color Information

HEX#ECEDFF
RGB236, 237, 255
HSL237° , 100% , 96%
HSV237° , 7% , 100%
CMYK7%, 7%, 0%, 0%

Lighter Shades

#EEEFFF #F1F1FF #F3F3FF #F5F6FF #F7F8FF #FAFAFF

Darker Shades

#D0D1E0 #B3B4C2 #9798A3 #7B7B85 #5E5F66 #424247

Complementary Palette

#CBCCDB #ECEDFF #DBDACA #FFFEEB #FFFEEE #EFF0FF

Analogous Palette

#DCE1E5 #EDF6FD #DEDFF0 #ECEDFF #F4EDFD #F4EDFD

Triadic Palette

#D0D1E0 #ECEDFF #FFEBEC #FFEDEE #ECFFEB #D0E0CF

Split Complementary Palette

#D4D5E6 #ECEDFF #FFF4EB #FFF5ED #F6FFEB #DDE6D4

Square Palette

#C6C7D6 #ECEDFF #FEECF6 #FEFDEC #EBFFF4 #EEFFF6

Tetradic Palette

#C2C2D1 #ECEDFF #FEEBFF #FFFEEB #ECFFEB #EFFFEF

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #ECEDFF contains 236 red, 237 green, and 255 blue.

Contrast Ratio: 1.15:1

Black Background

PASS

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 18.21:1