ColorTool
Log in
#F0E2E4

#f0e2e4 ≈ Lavender Blush

  • pink
  • Lightness: very high
  • Saturation: muted
  • Warm
Check contrast Explore in graph Random color

#f0e2e4 is a color from the pink family, with very high lightness and muted saturation. In the RGB model it is made of 94.12% red, 88.63% green and 89.41% blue; printed in CMYK it uses 0% cyan, 5.83% magenta, 5% yellow and 5.88% black. Its hue angle is 351.43°, with 31.82% saturation and 91.37% lightness in HSL. It is a warm color, often associated with tenderness, care and sweetness. Designers typically use it for beauty and cosmetics, weddings and celebrations and soft pastel palettes. Black text on this color reaches a contrast ratio of 16.7:1 (WCAG AAA). The closest named color is Lavender Blush (#fff0f5), ΔE 3.38.

Description generated from the measured properties of this color.

HEX
RGB
RGB percent
CMY
CMYK
HSL
HSV / HSB
Web safe#ffcccc
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binary
Decimal
Relative luminance0.7852

Complementary

  1. #f0e2e4
  2. #e2f0ee

Split complementary

  1. #f0e2e4
  2. #e2f0e7
  3. #e2ebf0

Analogous

  1. #f0e2eb
  2. #f0e2e4
  3. #f0e7e2

Triadic

  1. #f0e2e4
  2. #e4f0e2
  3. #e2e4f0

Tetradic

  1. #f0e2e4
  2. #f0eee2
  3. #e2f0ee
  4. #e2e4f0

Square

  1. #f0e2e4
  2. #ebf0e2
  3. #e2f0ee
  4. #e7e2f0

Monochromatic

  1. #bc7d86
  2. #d6b0b5
  3. #f0e2e4
  4. #f8f2f2
  5. #f8f2f2

Shades

#f0e2e4 mixed progressively with black.

  1. #f0e2e4
  2. #d8cbcd
  3. #c0b5b6
  4. #a89ea0
  5. #908889
  6. #787172
  7. #605a5b
  8. #484444
  9. #302d2e
  10. #181717
  11. #000000

Tints

#f0e2e4 mixed progressively with white.

  1. #f0e2e4
  2. #f2e5e7
  3. #f3e8e9
  4. #f5ebec
  5. #f6eeef
  6. #f8f1f2
  7. #f9f3f4
  8. #fbf6f7
  9. #fcf9fa
  10. #fefcfc
  11. #ffffff

Tones

#f0e2e4 mixed progressively with gray.

  1. #f0e2e4
  2. #e5d8da
  3. #daced0
  4. #cec5c6
  5. #c3bbbc
  6. #b8b1b2
  7. #ada7a8
  8. #a29d9e
  9. #969494
  10. #8b8a8a
  11. #808080

Readable text 1.26:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Readable text 16.7:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsia #e5e5e5 ≈ 0.003% of males
Achromatomaly #eae4e5 ≈ 0.001% of males
Protanopia #e4e4e4 ≈ 1.01% of males
Deuteranopia #e7e6e4 ≈ 1.27% of males
Tritanopia #f3e1e3 ≈ 0.0001% of males
Protanomaly #e9e3e4 ≈ 1.08% of males
Deuteranomaly #ebe4e4 ≈ 4.63% of males
Tritanomaly #f2e1e3 ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-f0e2e4 {
  color: #f0e2e4;
}
Background
.bg-f0e2e4 {
  background-color: #f0e2e4;
  color: #000000;
}
Border
.border-f0e2e4 {
  border: 2px solid #f0e2e4;
}
CSS variables
:root {
  --color-primary: #f0e2e4;
  --color-primary-rgb: 240 226 228;
  --color-primary-hsl: 351 32% 91%;
}
Gradient
.gradient-f0e2e4 {
  background: linear-gradient(135deg, #f0e2e4, #f0e7e2);
}
Colored shadow
.shadow-f0e2e4 {
  box-shadow: 0 8px 24px rgb(240 226 228 / 0.35);
}

#fff0f5 Lavender Blush ΔE 3.38 #ffe4e1 Misty Rose ΔE 4.90 #fffafa Snow ΔE 6.21 #fadadd Pale Pink ΔE 6.31 #f8f4ff Magnolia ΔE 6.36 #fff5ee Seashell ΔE 6.44 #f4f0ec Isabelline ΔE 6.50 #0f1d1b Inverted #e5e5e5 Grayscale 

Lavender Blush
#f0e2e4  rgb(240, 226, 228)  hsl(351, 32%, 91%)  Lavender Blush
#e2f0ee  rgb(226, 240, 238)  hsl(171, 32%, 91%)  Azure
#e4f0e2  rgb(228, 240, 226)  hsl(111, 32%, 91%)  Honeydew
#e2e4f0  rgb(226, 228, 240)  hsl(231, 32%, 91%)  Lavender