Coloried

Lily

Lily color is a airy shade of very light blue. Its hex code is #E7F8FF and rgb code is rgb(231, 248, 255), Its CMYK value is cmyk(9%, 3%, 0%, 0%), and Its HSL value is hsl(198, 100%, 95%). Against white, it has a contrast ratio of 1.09:1, while against black, the contrast ratio is 19.27:1. Its complementary color is #FFEDE5 and closest tailwind color is cyan-50. This color goes well with #4D70FF, #4DFFDB, #00B3FF, #FF8099, and #FFE680. To recreate the Lily color, you can mix #FFFFFF and #CFF1FF.

Lily color code
|
1. Color Conversions
HEX#E7F8FF
RGB231, 248, 255
HSL198°, 100%, 95%
HSV198°, 100%, 100%
CMYK9%, 3%, 0%, 0%
Web Safe#FFFFFF
2. Contrast Ratio
Text on #FFFFFF1.09:1
Fail LargeFail Normal
Text on #00000019.27:1
AAA LargeAAA Normal
3. Lily Color Code in CSS
HEX
#E7F8FF
RGB
rgb(231, 248, 255)
HSL
hsl(198, 100%, 95%)
Text Color
color: #E7F8FF;
Background
background-color: #E7F8FF;
Border Color
border-color: #E7F8FF;
Box Shadow
box-shadow: 0 4px 14px 0 #E7F8FF80;
SCSS
$color-lily: #E7F8FF;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#EEEFFD
Deuteranopia#EDECFD
Tritanopia#E8FCFC
Achromatopsia#F4F4F4
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive