En yakın adlandırılmış renk · #00B665
#00B665
En yakın adlandırılmış renk: Green Mana
#00B665 (rgb(0 182 101), hsl(153 100% 36%), oklch(0.681 0.172 154)) 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.
#00B665
oklch(0.681 0.172 154)
Renk dönüşümleri
- HEX
- #00b665
- RGB
- rgb(0 182 101)
- HSL
- hsl(153 100% 36%)
- HWB
- hwb(153 0% 29%)
- OKLCH
- oklch(0.681 0.172 154)
- OKLab
- oklab(0.681 -0.154 0.075)
- CIE Lab
- lab(65.22 -54.71 29.75)
- LCH
- lch(65.22 62.28 151.5)
- CMYK
- cmyk(100% 0% 45% 29%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 3EBE74
- 5CC584
- 74CD93
- 8AD4A2
- 9FDCB1
- B3E3C1
- C6EAD0
- D9F1E0
- ECF8EF
Koyu tonlar
- 009E57
- 008649
- 006F3C
- 00592F
- 004422
- 003017
- 001D0C
- 000C03
- 000200
Gri tonlar
- 2DB168
- 40AC6C
- 4DA66F
- 58A172
- 619C74
- 699677
- 709179
- 768B7C
- 7B867E
Renk uyumları
Tamamlayıcı +180°
- 00B665
Green Mana
- D66BC4
≈ Pink Charge
Analog -30° +30°
- 00B665
Green Mana
- 83A900
≈ Fresh Lawn
- 00B0A1
≈ Billiard
Üçlü +120° +240°
- 00B665
Green Mana
- 7A8DFF
≈ Lavender Blue Shadow
- EF694C
≈ Entan Red
Bölünmüş tamamlayıcı +150° +210°
- 00B665
Green Mana
- B079ED
≈ Queer Purple
- EB638C
≈ Jellyfish Sting
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.66:1 · APCA Lc 51
Ag
AAASiyah üzerinde
WCAG 7.87:1 · APCA Lc 51
En iyi metin rengi: #000000
WCAG 7.87:1 (AAA) · APCA Lc 51
Contrast pairs
Kod parçacıkları
CSS
:root {
--green-mana: #00b665;
--green-mana-rgb: 0 182 101;
--green-mana-oklch: oklch(0.681 0.172 154);
}
.element {
color: var(--green-mana);
background-color: hsl(153 100% 36%);
border-color: oklch(0.681 0.172 154);
}Tailwind CSS v4
@theme {
--color-green-mana: #00b665;
--color-green-mana-50: #ceffe1;
--color-green-mana-100: #b9fad0;
--color-green-mana-200: #95ebb6;
--color-green-mana-300: #63d192;
--color-green-mana-400: #2bbb6e;
--color-green-mana-500: #00a54c;
--color-green-mana-600: #008b41;
--color-green-mana-700: #007034;
--color-green-mana-800: #005222;
--color-green-mana-900: #003916;
--color-green-mana-950: #002307;
}SCSS
$green-mana: #00b665;
$green-mana-rgb: 0, 182, 101;
$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);
}