En yakın adlandırılmış renk · #2AAF5E
#2AAF5E
En yakın adlandırılmış renk: Green Mana
#2AAF5E (rgb(42 175 94), hsl(143 61% 43%), oklch(0.666 0.163 151.5)) en çok Green Mana adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#2AAF5E
oklch(0.666 0.163 151.5)
Renk dönüşümleri
- HEX
- #2aaf5e
- RGB
- rgb(42 175 94)
- HSL
- hsl(143 61% 43%)
- HWB
- hwb(143 16% 31%)
- OKLCH
- oklch(0.666 0.163 151.5)
- OKLab
- oklab(0.666 -0.143 0.078)
- CIE Lab
- lab(63.28 -50.16 30.97)
- LCH
- lch(63.28 58.95 148.3)
- CMYK
- cmyk(76% 0% 46% 31%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 4BB76E
- 63C07E
- 79C88E
- 8ED09E
- A1D8AE
- B4E0BE
- C7E8CE
- DAF0DE
- ECF7EF
Koyu tonlar
- 239851
- 1C8144
- 166B37
- 10562B
- 0A411F
- 052E14
- 021C0A
- 010B03
- 000100
Gri tonlar
- 3CAB62
- 49A666
- 54A26A
- 5C9D6E
- 649871
- 6B9474
- 718F77
- 768A7A
- 7B857D
Renk uyumları
Tamamlayıcı +180°
- 2AAF5E
Green Mana
- CB6AC0
≈ Gulābī Pink
Analog -30° +30°
- 2AAF5E
Green Mana
- 85A200
≈ Noxious
- 00AB99
≈ Tropical Hideaway
Üçlü +120° +240°
- 2AAF5E
Green Mana
- 718AF7
≈ Punch Out Glove
- E66752
≈ Heirloom Blush
Bölünmüş tamamlayıcı +150° +210°
- 2AAF5E
Green Mana
- A678E6
≈ Lavender
- E1638D
≈ Love Letter
Dörtlü +90° +180° +270°
- 2AAF5E
Green Mana
- 009DEA
≈ Button Blue
- CB6AC0
≈ Gulābī Pink
- D57A00
≈ Autumn Leaf Orange
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.84:1 · APCA Lc 54
Ag
AAASiyah üzerinde
WCAG 7.39:1 · APCA Lc 48
En iyi metin rengi: #000000
WCAG 7.39:1 (AAA) · APCA Lc 48
Contrast pairs
Kod parçacıkları
CSS
:root {
--green-mana: #2aaf5e;
--green-mana-rgb: 42 175 94;
--green-mana-oklch: oklch(0.666 0.163 151.5);
}
.element {
color: var(--green-mana);
background-color: hsl(143 61% 43%);
border-color: oklch(0.666 0.163 151.5);
}Tailwind CSS v4
@theme {
--color-green-mana: #2aaf5e;
--color-green-mana-50: #d2ffe0;
--color-green-mana-100: #bff8cf;
--color-green-mana-200: #9de9b4;
--color-green-mana-300: #6fcf90;
--color-green-mana-400: #43b96b;
--color-green-mana-500: #00a34a;
--color-green-mana-600: #008a3f;
--color-green-mana-700: #006e32;
--color-green-mana-800: #015120;
--color-green-mana-900: #023815;
--color-green-mana-950: #002307;
}SCSS
$green-mana: #2aaf5e;
$green-mana-rgb: 42, 175, 94;
$green-mana-light: mix(#fff, $green-mana, 20%);
$green-mana-dark: mix(#000, $green-mana, 20%);
.element {
color: $green-mana;
box-shadow: 0 0 0 2px rgba($green-mana, 0.35);
}