ColorTool
Log in
#E7F6F2

#e7f6f2 ≈ Azure

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

#e7f6f2 is a color from the teal family, with very high lightness and muted saturation. In the RGB model it is made of 90.59% red, 96.47% green and 94.9% blue; printed in CMYK it uses 6.1% cyan, 0% magenta, 1.63% yellow and 3.53% black. Its hue angle is 164°, with 45.45% saturation and 93.53% lightness in HSL. It sits between warm and cool, and is often associated with clarity, calm and renewal. Designers typically use it for health and wellness, technology products and soft pastel palettes. Black text on this color reaches a contrast ratio of 18.86:1 (WCAG AAA). The closest named color is Azure (#f0ffff), ΔE 2.71.

Description generated from the measured properties of this color.

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

Complementary

  1. #e7f6f2
  2. #f6e7eb

Split complementary

  1. #e7f6f2
  2. #f6e7f3
  3. #f6ebe7

Analogous

  1. #e7f6eb
  2. #e7f6f2
  3. #e7f3f6

Triadic

  1. #e7f6f2
  2. #f2e7f6
  3. #f6f2e7

Tetradic

  1. #e7f6f2
  2. #e7ebf6
  3. #f6e7eb
  4. #f6f2e7

Square

  1. #e7f6f2
  2. #ebe7f6
  3. #f6e7eb
  4. #f3f6e7

Monochromatic

  1. #78ccb6
  2. #afe1d4
  3. #e7f6f2
  4. #f0f9f7
  5. #f0f9f7

Shades

#e7f6f2 mixed progressively with black.

  1. #e7f6f2
  2. #d0ddda
  3. #b9c5c2
  4. #a2aca9
  5. #8b9491
  6. #747b79
  7. #5c6261
  8. #454a49
  9. #2e3130
  10. #171918
  11. #000000

Tints

#e7f6f2 mixed progressively with white.

  1. #e7f6f2
  2. #e9f7f3
  3. #ecf8f5
  4. #eef9f6
  5. #f1faf7
  6. #f3fbf9
  7. #f5fbfa
  8. #f8fcfb
  9. #fafdfc
  10. #fdfefe
  11. #ffffff

Tones

#e7f6f2 mixed progressively with gray.

  1. #e7f6f2
  2. #ddeae7
  3. #d2dedb
  4. #c8d3d0
  5. #bec7c4
  6. #b4bbb9
  7. #a9afae
  8. #9fa3a2
  9. #959897
  10. #8a8c8b
  11. #808080

Readable text 1.11:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Readable text 18.86:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsia #f3f3f3 ≈ 0.003% of males
Achromatomaly #eef4f2 ≈ 0.001% of males
Protanopia #f5f4f2 ≈ 1.01% of males
Deuteranopia #f2f2f2 ≈ 1.27% of males
Tritanopia #e4f7f5 ≈ 0.0001% of males
Protanomaly #eff5f2 ≈ 1.08% of males
Deuteranomaly #edf3f2 ≈ 4.63% of males
Tritanomaly #e5f6f4 ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-e7f6f2 {
  color: #e7f6f2;
}
Background
.bg-e7f6f2 {
  background-color: #e7f6f2;
  color: #000000;
}
Border
.border-e7f6f2 {
  border: 2px solid #e7f6f2;
}
CSS variables
:root {
  --color-primary: #e7f6f2;
  --color-primary-rgb: 231 246 242;
  --color-primary-hsl: 164 45% 94%;
}
Gradient
.gradient-e7f6f2 {
  background: linear-gradient(135deg, #e7f6f2, #e7f3f6);
}
Colored shadow
.shadow-e7f6f2 {
  box-shadow: 0 8px 24px rgb(231 246 242 / 0.35);
}

#f0ffff Azure ΔE 2.71 #f5fffa Mint Cream ΔE 2.80 #f0fff0 Honeydew ΔE 4.91 #e0ffff Light Cyan ΔE 5.20 #f0f8ff Alice Blue ΔE 6.84 #f5f5f5 White Smoke ΔE 7.13 #fffff0 Ivory ΔE 7.48 #18090d Inverted #f3f3f3 Grayscale 

Azure
#e7f6f2  rgb(231, 246, 242)  hsl(164, 45%, 94%)  Azure
#f6e7eb  rgb(246, 231, 235)  hsl(344, 45%, 94%)  Lavender Blush
#f2e7f6  rgb(242, 231, 246)  hsl(284, 45%, 94%)  Magnolia
#f6f2e7  rgb(246, 242, 231)  hsl(44, 45%, 94%)  Floral White