ColorTool
Log in
#BAF4DF

#baf4df ≈ Magic Mint

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

#baf4df is a color from the teal family, with very high lightness and muted saturation. In the RGB model it is made of 72.94% red, 95.69% green and 87.45% blue; printed in CMYK it uses 23.77% cyan, 0% magenta, 8.61% yellow and 4.31% black. Its hue angle is 158.28°, with 72.5% saturation and 84.31% 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 17.09:1 (WCAG AAA). The closest named color is Magic Mint (#aaf0d1), ΔE 3.73.

Description generated from the measured properties of this color.

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

Complementary

  1. #baf4df
  2. #f4bacf

Split complementary

  1. #baf4df
  2. #f4baec
  3. #f4c2ba

Analogous

  1. #baf4c2
  2. #baf4df
  3. #baecf4

Triadic

  1. #baf4df
  2. #dfbaf4
  3. #f4dfba

Tetradic

  1. #baf4df
  2. #bacff4
  3. #f4bacf
  4. #f4dfba

Square

  1. #baf4df
  2. #c2baf4
  3. #f4bacf
  4. #ecf4ba

Monochromatic

  1. #36dfa2
  2. #78e9c0
  3. #baf4df
  4. #edfcf7
  5. #edfcf7

Shades

#baf4df mixed progressively with black.

  1. #baf4df
  2. #a7dcc9
  3. #95c3b2
  4. #82ab9c
  5. #709286
  6. #5d7a70
  7. #4a6259
  8. #384943
  9. #25312d
  10. #131816
  11. #000000

Tints

#baf4df mixed progressively with white.

  1. #baf4df
  2. #c1f5e2
  3. #c8f6e5
  4. #cff7e9
  5. #d6f8ec
  6. #ddfaef
  7. #e3fbf2
  8. #eafcf5
  9. #f1fdf9
  10. #f8fefc
  11. #ffffff

Tones

#baf4df mixed progressively with gray.

  1. #baf4df
  2. #b4e8d6
  3. #aeddcc
  4. #a9d1c3
  5. #a3c6b9
  6. #9dbab0
  7. #97aea6
  8. #91a39d
  9. #8c9793
  10. #868c8a
  11. #808080

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

Achromatopsia #e8e8e8 ≈ 0.003% of males
Achromatomaly #d7ede4 ≈ 0.001% of males
Protanopia #f1ecde ≈ 1.01% of males
Deuteranopia #e6e5e0 ≈ 1.27% of males
Tritanopia #acf5ee ≈ 0.0001% of males
Protanomaly #ddefde ≈ 1.08% of males
Deuteranomaly #d6ebe0 ≈ 4.63% of males
Tritanomaly #b2f5e8 ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-baf4df {
  color: #baf4df;
}
Background
.bg-baf4df {
  background-color: #baf4df;
  color: #000000;
}
Border
.border-baf4df {
  border: 2px solid #baf4df;
}
CSS variables
:root {
  --color-primary: #baf4df;
  --color-primary-rgb: 186 244 223;
  --color-primary-hsl: 158 73% 84%;
}
Gradient
.gradient-baf4df {
  background: linear-gradient(135deg, #baf4df, #baecf4);
}
Colored shadow
.shadow-baf4df {
  box-shadow: 0 8px 24px rgb(186 244 223 / 0.35);
}

#aaf0d1 Magic Mint ΔE 3.73 #9fe2bf Seafoam Green ΔE 6.38 #afeeee Pale Turquoise ΔE 7.97 #b2ffff Celeste ΔE 8.60 #7fffd4 Aquamarine ΔE 9.34 #ace1af Celadon ΔE 9.81 #d0f0c0 Tea Green ΔE 10.27 #450b20 Inverted #e8e8e8 Grayscale 

Magic Mint
#baf4df  rgb(186, 244, 223)  hsl(158, 73%, 84%)  Magic Mint
#f4bacf  rgb(244, 186, 207)  hsl(338, 73%, 84%)  Nadeshiko Pink
#dfbaf4  rgb(223, 186, 244)  hsl(278, 73%, 84%)  Mauve
#f4dfba  rgb(244, 223, 186)  hsl(38, 73%, 84%)  Wheat