Adlandırılmış renk · #AAF0D1
Magic Mint
Magic Mint, #AAF0D1: rgb(170 240 209), hsl(153 70% 80%), oklch(0.9 0.082 165.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Magic Mint color name →
#AAF0D1
oklch(0.9 0.082 165.3)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B3F2D6
- BCF3DA
- C5F5DF
- CEF6E3
- D6F8E8
- DEF9EC
- E7FBF1
- EFFCF6
- F7FEFA
Koyu tonlar
- 93D1B5
- 7DB29B
- 689581
- 537868
- 3F5D50
- 2D4339
- 1B2A23
- 0B1410
- 010302
Gri tonlar
- A6E4C9
- A3D9C0
- 9FCDB8
- 9BC2B0
- 96B7A8
- 92ABA0
- 8EA098
- 899690
- 858B88
Renk uyumları
Tamamlayıcı +180°
- AAF0D1
Magic Mint
- FFCDE8
≈ Classic Rose
Analog -30° +30°
- AAF0D1
Magic Mint
- C7EBB5
≈ Imbued With Mint
- 9BF0EF
≈ Freezy Breezy
Üçlü +120° +240°
- AAF0D1
Magic Mint
- DADAFF
≈ Transparent Blue
- FFD3C0
≈ Simply Delicious
Bölünmüş tamamlayıcı +150° +210°
- AAF0D1
Magic Mint
- F1D0FF
≈ Rose Dragée
- FFD1D3
≈ Love Fumes
Dörtlü +90° +180° +270°
- AAF0D1
Magic Mint
- C9E0FF
≈ Arc Light
- FFCDE8
≈ Classic Rose
- FED7A1
≈ Frangipani
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.30:1 · APCA Lc 15
Ag
AAASiyah üzerinde
WCAG 16.09:1 · APCA Lc 89
En iyi metin rengi: #000000
WCAG 16.09:1 (AAA) · APCA Lc 89
Contrast pairs
Kod parçacıkları
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);
}