Adlandırılmış renk · #A7E0C2
Mountain Mint
Mountain Mint, #A7E0C2: rgb(167 224 194), hsl(148 48% 77%), oklch(0.859 0.072 161.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Mountain Mint color name →
#A7E0C2
oklch(0.859 0.072 161.4)
Renk dönüşümleri
- HEX
- #a7e0c2
- RGB
- rgb(167 224 194)
- HSL
- hsl(148 48% 77%)
- HWB
- hwb(148 65% 12%)
- OKLCH
- oklch(0.859 0.072 161.4)
- OKLab
- oklab(0.859 -0.068 0.023)
- CIE Lab
- lab(84.64 -23.51 8.56)
- LCH
- lch(84.64 25.02 160)
- CMYK
- cmyk(25% 0% 13% 12%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B0E3C8
- B9E6CE
- C2E9D4
- CBEDDA
- D4F0E0
- DCF3E6
- E5F6EC
- EEF9F3
- F6FCF9
Koyu tonlar
- 91C3A8
- 7BA68F
- 668A77
- 527060
- 3E5649
- 2C3E34
- 1A2720
- 0A120E
- 010202
Gri tonlar
- A3D6BB
- A0CCB4
- 9CC2AE
- 98B9A7
- 94AFA0
- 91A59A
- 8D9C93
- 88938D
- 848986
Renk uyumları
Tamamlayıcı +180°
- A7E0C2
Mountain Mint
- F3BFDE
≈ Pink Heath
Analog -30° +30°
- A7E0C2
Mountain Mint
- C0DBAA
≈ Bowling Green
- 98E0DC
≈ Pale Pastel
Üçlü +120° +240°
- A7E0C2
Mountain Mint
- C8CCFF
≈ Lavender Blue
- FBC2AD
≈ Gadabout
Bölünmüş tamamlayıcı +150° +210°
- A7E0C2
Mountain Mint
- E0C4F4
≈ Neon Boneyard
- FCBEC5
≈ Love Affair
Dörtlü +90° +180° +270°
- A7E0C2
Mountain Mint
- AFD5FF
≈ Malmö FF
- F3BFDE
≈ Pink Heath
- EFCA9D
≈ Quiet Star
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.49:1 · APCA Lc 23
Ag
AAASiyah üzerinde
WCAG 14.08:1 · APCA Lc 80
En iyi metin rengi: #000000
WCAG 14.08:1 (AAA) · APCA Lc 80
Contrast pairs
Kod parçacıkları
CSS
:root {
--mountain-mint: #a7e0c2;
--mountain-mint-rgb: 167 224 194;
--mountain-mint-oklch: oklch(0.859 0.072 161.4);
}
.element {
color: var(--mountain-mint);
background-color: hsl(148 48% 77%);
border-color: oklch(0.859 0.072 161.4);
}Tailwind CSS v4
@theme {
--color-mountain-mint: #a7e0c2;
--color-mountain-mint-50: #e4fcef;
--color-mountain-mint-100: #d3f0e1;
--color-mountain-mint-200: #b9decc;
--color-mountain-mint-300: #96c3ad;
--color-mountain-mint-400: #78ac91;
--color-mountain-mint-500: #589577;
--color-mountain-mint-600: #4b7e65;
--color-mountain-mint-700: #3c6551;
--color-mountain-mint-800: #2b4a39;
--color-mountain-mint-900: #1d3327;
--color-mountain-mint-950: #0d1f15;
}SCSS
$mountain-mint: #a7e0c2;
$mountain-mint-rgb: 167, 224, 194;
$mountain-mint-light: mix(#fff, $mountain-mint, 20%);
$mountain-mint-dark: mix(#000, $mountain-mint, 20%);
.element {
color: $mountain-mint;
box-shadow: 0 0 0 2px rgba($mountain-mint, 0.35);
}