لون مسمّى · #AAF0D1
Magic Mint
Magic Mint هو #AAF0D1: rgb(170 240 209)، hsl(153 70% 80%)، oklch(0.9 0.082 165.3). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Green mean? → · Magic Mint color name →
#AAF0D1
oklch(0.9 0.082 165.3)
تحويلات الألوان
- HEX
- #aaf0d1
- RGB
- rgb(170 240 209)
- HSL
- hsl(153 70% 80%)
- HWB
- hwb(153 67% 6%)
- OKLCH
- oklch(0.9 0.082 165.3)
- OKLab
- oklab(0.9 -0.079 0.021)
- CIE Lab
- lab(89.52 -27.48 7.7)
- LCH
- lch(89.52 28.54 164.3)
- CMYK
- cmyk(29% 0% 13% 6%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- B3F2D6
- BCF3DA
- C5F5DF
- CEF6E3
- D6F8E8
- DEF9EC
- E7FBF1
- EFFCF6
- F7FEFA
درجات داكنة
- 93D1B5
- 7DB29B
- 689581
- 537868
- 3F5D50
- 2D4339
- 1B2A23
- 0B1410
- 010302
درجات رمادية
- A6E4C9
- A3D9C0
- 9FCDB8
- 9BC2B0
- 96B7A8
- 92ABA0
- 8EA098
- 899690
- 858B88
تناسق الألوان
متمم +180°
- AAF0D1
Magic Mint
- FFCDE8
≈ Classic Rose
متجاور -30° +30°
- AAF0D1
Magic Mint
- C7EBB5
≈ Imbued With Mint
- 9BF0EF
≈ Freezy Breezy
ثلاثي +120° +240°
- AAF0D1
Magic Mint
- DADAFF
≈ Transparent Blue
- FFD3C0
≈ Simply Delicious
متمم منقسم +150° +210°
- AAF0D1
Magic Mint
- F1D0FF
≈ Rose Dragée
- FFD1D3
≈ Love Fumes
رباعي +90° +180° +270°
- AAF0D1
Magic Mint
- C9E0FF
≈ Arc Light
- FFCDE8
≈ Classic Rose
- FED7A1
≈ Frangipani
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.30:1 · APCA Lc 15
Ag
AAAعلى الأسود
WCAG 16.09:1 · APCA Lc 89
أفضل لون للنص: #000000
WCAG 16.09:1 (AAA) · APCA Lc 89
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--magic-mint: #aaf0d1;
--magic-mint-rgb: 170 240 209;
--magic-mint-oklch: oklch(0.9 0.082 165.3);
}
.element {
color: var(--magic-mint);
background-color: hsl(153 70% 80%);
border-color: oklch(0.9 0.082 165.3);
}Tailwind CSS v4
@theme {
--color-magic-mint: #aaf0d1;
--color-magic-mint-50: #e0fdf0;
--color-magic-mint-100: #cff1e2;
--color-magic-mint-200: #b3e0cd;
--color-magic-mint-300: #8ec5af;
--color-magic-mint-400: #6eae93;
--color-magic-mint-500: #4b9779;
--color-magic-mint-600: #408066;
--color-magic-mint-700: #336752;
--color-magic-mint-800: #254b3a;
--color-magic-mint-900: #193428;
--color-magic-mint-950: #092016;
}SCSS
$magic-mint: #aaf0d1;
$magic-mint-rgb: 170, 240, 209;
$magic-mint-light: mix(#fff, $magic-mint, 20%);
$magic-mint-dark: mix(#000, $magic-mint, 20%);
.element {
color: $magic-mint;
box-shadow: 0 0 0 2px rgba($magic-mint, 0.35);
}