En yakın adlandırılmış renk · #21AE53
#21AE53
En yakın adlandırılmış renk: Hanging Gardens of Babylon
#21AE53 (rgb(33 174 83), hsl(141 68% 41%), oklch(0.66 0.173 149.5)) en çok Hanging Gardens of Babylon 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.
#21AE53
oklch(0.66 0.173 149.5)
Renk dönüşümleri
- HEX
- #21ae53
- RGB
- rgb(33 174 83)
- HSL
- hsl(141 68% 41%)
- HWB
- hwb(141 13% 32%)
- OKLCH
- oklch(0.66 0.173 149.5)
- OKLab
- oklab(0.66 -0.15 0.088)
- CIE Lab
- lab(62.68 -52.32 35.68)
- LCH
- lch(62.68 63.33 145.7)
- CMYK
- cmyk(81% 0% 52% 32%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 46B765
- 60BF76
- 76C787
- 8BCF98
- 9FD8A9
- B3E0BA
- C6E8CB
- D9EFDC
- ECF7EE
Koyu tonlar
- 1B9747
- 16803B
- 106A30
- 0B5525
- 06411B
- 032E11
- 011C08
- 000B02
- 000100
Gri tonlar
- 37AA59
- 45A55E
- 50A163
- 5A9D68
- 62986D
- 699371
- 708F75
- 768A79
- 7B857C
Renk uyumları
Tamamlayıcı +180°
- 21AE53
Hanging Gardens of Babylon
- CA65C5
≈ Purple Urn Orchid
Analog -30° +30°
- 21AE53
Hanging Gardens of Babylon
- 889F00
≈ Noxious
- 00AA94
≈ Shindig
Üçlü +120° +240°
- 21AE53
Hanging Gardens of Babylon
- 6988FB
≈ Punch Out Glove
- E9604F
≈ Opal Flame
Bölünmüş tamamlayıcı +150° +210°
- 21AE53
Hanging Gardens of Babylon
- A375EB
≈ Forgotten Purple
- E25C8F
≈ Carmine Rose
Dörtlü +90° +180° +270°
- 21AE53
Hanging Gardens of Babylon
- 009CE3
≈ Atmosphere
- CA65C5
≈ Purple Urn Orchid
- D57600
≈ Autumn Leaf Orange
Kontrast ve erişilebilirlik
Beyaz üzerinde
WCAG 2.89:1 · APCA Lc 55
Siyah üzerinde
WCAG 7.24:1 · APCA Lc 47
En iyi metin rengi: #000000
WCAG 7.24:1 (AAA) · APCA Lc 47
Contrast pairs
Kod parçacıkları
CSS
:root {
--hanging-gardens-of-babylon: #21ae53;
--hanging-gardens-of-babylon-rgb: 33 174 83;
--hanging-gardens-of-babylon-oklch: oklch(0.66 0.173 149.5);
}
.element {
color: var(--hanging-gardens-of-babylon);
background-color: hsl(141 68% 41%);
border-color: oklch(0.66 0.173 149.5);
}Tailwind CSS v4
@theme {
--color-hanging-gardens-of-babylon: #21ae53;
--color-hanging-gardens-of-babylon-50: #d1ffdd;
--color-hanging-gardens-of-babylon-100: #bdf9cb;
--color-hanging-gardens-of-babylon-200: #9beaaf;
--color-hanging-gardens-of-babylon-300: #6cd08a;
--color-hanging-gardens-of-babylon-400: #3fba63;
--color-hanging-gardens-of-babylon-500: #00a43e;
--color-hanging-gardens-of-babylon-600: #008a36;
--color-hanging-gardens-of-babylon-700: #006f2b;
--color-hanging-gardens-of-babylon-800: #00511a;
--color-hanging-gardens-of-babylon-900: #013911;
--color-hanging-gardens-of-babylon-950: #002304;
}SCSS
$hanging-gardens-of-babylon: #21ae53;
$hanging-gardens-of-babylon-rgb: 33, 174, 83;
$hanging-gardens-of-babylon-light: mix(#fff, $hanging-gardens-of-babylon, 20%);
$hanging-gardens-of-babylon-dark: mix(#000, $hanging-gardens-of-babylon, 20%);
.element {
color: $hanging-gardens-of-babylon;
box-shadow: 0 0 0 2px rgba($hanging-gardens-of-babylon, 0.35);
}