ColorTool
Log in
#A2F0DA

#a2f0da ≈ Magic Mint

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

#a2f0da is a color from the teal family, with high lightness and moderate saturation. In the RGB model it is made of 63.53% red, 94.12% green and 85.49% blue; printed in CMYK it uses 32.5% cyan, 0% magenta, 9.17% yellow and 5.88% black. Its hue angle is 163.08°, with 72.22% saturation and 78.82% 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 16.01:1 (WCAG AAA). The closest named color is Magic Mint (#aaf0d1), ΔE 3.32.

Description generated from the measured properties of this color.

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

Complementary

  1. #a2f0da
  2. #f0a2b8

Split complementary

  1. #a2f0da
  2. #f0a2df
  3. #f0b3a2

Analogous

  1. #a2f0b3
  2. #a2f0da
  3. #a2dff0

Triadic

  1. #a2f0da
  2. #daa2f0
  3. #f0daa2

Tetradic

  1. #a2f0da
  2. #a2b8f0
  3. #f0a2b8
  4. #f0daa2

Square

  1. #a2f0da
  2. #b3a2f0
  3. #f0a2b8
  4. #dff0a2

Monochromatic

  1. #23d6a4
  2. #60e5c0
  3. #a2f0da
  4. #e4fbf4
  5. #edfcf8

Shades

#a2f0da mixed progressively with black.

  1. #a2f0da
  2. #92d8c4
  3. #82c0ae
  4. #71a899
  5. #619083
  6. #51786d
  7. #416057
  8. #314841
  9. #20302c
  10. #101816
  11. #000000

Tints

#a2f0da mixed progressively with white.

  1. #a2f0da
  2. #abf2de
  3. #b5f3e1
  4. #bef5e5
  5. #c7f6e9
  6. #d1f8ed
  7. #daf9f0
  8. #e3fbf4
  9. #ecfcf8
  10. #f6fefb
  11. #ffffff

Tones

#a2f0da mixed progressively with gray.

  1. #a2f0da
  2. #9fe5d1
  3. #9bdac8
  4. #98cebf
  5. #94c3b6
  6. #91b8ad
  7. #8eada4
  8. #8aa29b
  9. #879692
  10. #838b89
  11. #808080

Readable text 1.31:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Readable text 16.01:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsia #e1e1e1 ≈ 0.003% of males
Achromatomaly #cbe7de ≈ 0.001% of males
Protanopia #ebe7d9 ≈ 1.01% of males
Deuteranopia #dddddc ≈ 1.27% of males
Tritanopia #8cf2e9 ≈ 0.0001% of males
Protanomaly #d2ead9 ≈ 1.08% of males
Deuteranomaly #c8e5db ≈ 4.63% of males
Tritanomaly #95f1e3 ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-a2f0da {
  color: #a2f0da;
}
Background
.bg-a2f0da {
  background-color: #a2f0da;
  color: #000000;
}
Border
.border-a2f0da {
  border: 2px solid #a2f0da;
}
CSS variables
:root {
  --color-primary: #a2f0da;
  --color-primary-rgb: 162 240 218;
  --color-primary-hsl: 163 72% 79%;
}
Gradient
.gradient-a2f0da {
  background: linear-gradient(135deg, #a2f0da, #a2dff0);
}
Colored shadow
.shadow-a2f0da {
  box-shadow: 0 8px 24px rgb(162 240 218 / 0.35);
}

#aaf0d1 Magic Mint ΔE 3.32 #9fe2bf Seafoam Green ΔE 5.65 #7fffd4 Aquamarine ΔE 7.23 #afeeee Pale Turquoise ΔE 8.41 #b2ffff Celeste ΔE 8.81 #40e0d0 Turquoise ΔE 9.17 #00ffef Turquoise Blue ΔE 10.24 #5d0f25 Inverted #e1e1e1 Grayscale 

Magic Mint
#a2f0da  rgb(162, 240, 218)  hsl(163, 72%, 79%)  Magic Mint
#f0a2b8  rgb(240, 162, 184)  hsl(343, 72%, 79%)  Nadeshiko Pink
#daa2f0  rgb(218, 162, 240)  hsl(283, 72%, 79%)  Mauve
#f0daa2  rgb(240, 218, 162)  hsl(43, 72%, 79%)  Vanilla