ColorTool
Log in
#DEEAE7

#deeae7 ≈ Mint Cream

  • teal
  • Lightness: very high
  • Saturation: muted
  • Cool
Check contrast Explore in graph Random color

#deeae7 is a color from the teal family, with very high lightness and muted saturation. In the RGB model it is made of 87.06% red, 91.76% green and 90.59% blue; printed in CMYK it uses 5.13% cyan, 0% magenta, 1.28% yellow and 8.24% black. Its hue angle is 165°, with 22.22% saturation and 89.41% lightness in HSL. It is a cool color, often associated with clarity, calm and renewal. Designers typically use it for health and wellness, technology products and backgrounds and large surfaces. Black text on this color reaches a contrast ratio of 17.03:1 (WCAG AAA). The closest named color is Mint Cream (#f5fffa), ΔE 4.56.

Description generated from the measured properties of this color.

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

Complementary

  1. #deeae7
  2. #eadee1

Split complementary

  1. #deeae7
  2. #eadee7
  3. #eae1de

Analogous

  1. #deeae1
  2. #deeae7
  3. #dee7ea

Triadic

  1. #deeae7
  2. #e7deea
  3. #eae7de

Tetradic

  1. #deeae7
  2. #dee1ea
  3. #eadee1
  4. #eae7de

Square

  1. #deeae7
  2. #e1deea
  3. #eadee1
  4. #e7eade

Monochromatic

  1. #80aea3
  2. #afccc5
  3. #deeae7
  4. #f3f7f6
  5. #f3f7f6

Shades

#deeae7 mixed progressively with black.

  1. #deeae7
  2. #c8d3d0
  3. #b2bbb9
  4. #9ba4a2
  5. #858c8b
  6. #6f7574
  7. #595e5c
  8. #434645
  9. #2c2f2e
  10. #161717
  11. #000000

Tints

#deeae7 mixed progressively with white.

  1. #deeae7
  2. #e1ece9
  3. #e5eeec
  4. #e8f0ee
  5. #ebf2f1
  6. #eff5f3
  7. #f2f7f5
  8. #f5f9f8
  9. #f8fbfa
  10. #fcfdfd
  11. #ffffff

Tones

#deeae7 mixed progressively with gray.

  1. #deeae7
  2. #d5dfdd
  3. #cbd5d2
  4. #c2cac8
  5. #b8c0be
  6. #afb5b4
  7. #a6aaa9
  8. #9ca09f
  9. #939595
  10. #898b8a
  11. #808080

Readable text 1.23:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Readable text 17.03:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsia #e7e7e7 ≈ 0.003% of males
Achromatomaly #e4e8e7 ≈ 0.001% of males
Protanopia #e9e8e7 ≈ 1.01% of males
Deuteranopia #e6e7e7 ≈ 1.27% of males
Tritanopia #dbeae9 ≈ 0.0001% of males
Protanomaly #e5e9e7 ≈ 1.08% of males
Deuteranomaly #e3e8e7 ≈ 4.63% of males
Tritanomaly #dceae8 ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-deeae7 {
  color: #deeae7;
}
Background
.bg-deeae7 {
  background-color: #deeae7;
  color: #000000;
}
Border
.border-deeae7 {
  border: 2px solid #deeae7;
}
CSS variables
:root {
  --color-primary: #deeae7;
  --color-primary-rgb: 222 234 231;
  --color-primary-hsl: 165 22% 89%;
}
Gradient
.gradient-deeae7 {
  background: linear-gradient(135deg, #deeae7, #dee7ea);
}
Colored shadow
.shadow-deeae7 {
  box-shadow: 0 8px 24px rgb(222 234 231 / 0.35);
}

#f5fffa Mint Cream ΔE 4.56 #f0ffff Azure ΔE 4.58 #e5e4e2 Platinum ΔE 6.02 #dcdcdc Gainsboro ΔE 6.40 #f5f5f5 White Smoke ΔE 6.56 #f0f8ff Alice Blue ΔE 6.61 #f0fff0 Honeydew ΔE 6.69 #211518 Inverted #e7e7e7 Grayscale 

Mint Cream
#deeae7  rgb(222, 234, 231)  hsl(165, 22%, 89%)  Mint Cream
#eadee1  rgb(234, 222, 225)  hsl(345, 22%, 89%)  Lavender Blush
#e7deea  rgb(231, 222, 234)  hsl(285, 22%, 89%)  Lavender
#eae7de  rgb(234, 231, 222)  hsl(45, 22%, 89%)  Isabelline