#E7F0EF Hex Color
Shades
color: #E7F0EF; background-color: #E7F0EF; border-color: #E7F0EF; box-shadow: 0 0 10px #E7F0EF; border: 2px solid #E7F0EF;
bg-[#E7F0EF] text-[#E7F0EF] border-[#E7F0EF] shadow-[0_0_10px_E7F0EF]
Generate Gradient
background: linear-gradient(90deg, #E7F0EF, #FF5733);
Preview in UI
Button
Badge
Text Highlight
The quick brown fox jumps over the lazy dog. highlighted text example shows how the color looks as a text highlight.
Card
Card Title
This card uses your color as a border accent.
Alert / Toast
Link / Accent
This is a paragraph with a link using your color. The color can be applied to interactive elements.
Related Colors
Complementary
Analogous
Triadic
Split Complementary
Tetradic
Monochromatic
Popular Colors
Common HEX Colors
About the color #E7F0EF
The hex color #E7F0EF, commonly known as lavender, is represented in the RGB color model as (231, 240, 239). In the HSL color space it has a hue of 173°, saturation of 23%, and lightness of 92%.
The RGB (Red, Green, Blue) color model is an additive color model where colors are created by combining red, green, and blue light at different intensities. Each channel ranges from 0 to 255, allowing for over 16 million possible colors.
HSL (Hue, Saturation, Lightness) represents colors using three components: hue (the color position on the color wheel, 0-360°), saturation (color intensity, 0-100%), and lightness (brightness, 0-100%). This model is more intuitive for humans to understand and manipulate colors.
This color is commonly used in web interfaces, buttons, links, and branding elements. Developers can use #E7F0EF directly in CSS for text, borders, backgrounds, gradients, and UI highlights. Convert this color using the HEX to RGB converter or generate palettes using the color palette generator. You can also convert to HSL using the RGB to HSL converter.
The complementary color of #E7F0EF is #EFE6E7.