Màu có tên gần nhất · #21AE53
#21AE53
Màu có tên gần nhất: Hanging Gardens of Babylon
#21AE53 (rgb(33 174 83), hsl(141 68% 41%), oklch(0.66 0.173 149.5)) gần nhất với màu có tên Hanging Gardens of Babylon. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#21AE53
oklch(0.66 0.173 149.5)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 46B765
- 60BF76
- 76C787
- 8BCF98
- 9FD8A9
- B3E0BA
- C6E8CB
- D9EFDC
- ECF7EE
Sắc đậm
- 1B9747
- 16803B
- 106A30
- 0B5525
- 06411B
- 032E11
- 011C08
- 000B02
- 000100
Sắc xám
- 37AA59
- 45A55E
- 50A163
- 5A9D68
- 62986D
- 699371
- 708F75
- 768A79
- 7B857C
Hòa sắc
Bổ túc +180°
- 21AE53
Hanging Gardens of Babylon
- CA65C5
≈ Purple Urn Orchid
Tương đồng -30° +30°
- 21AE53
Hanging Gardens of Babylon
- 889F00
≈ Noxious
- 00AA94
≈ Shindig
Bộ ba +120° +240°
- 21AE53
Hanging Gardens of Babylon
- 6988FB
≈ Punch Out Glove
- E9604F
≈ Opal Flame
Bổ túc chia +150° +210°
- 21AE53
Hanging Gardens of Babylon
- A375EB
≈ Forgotten Purple
- E25C8F
≈ Carmine Rose
Bộ bốn +90° +180° +270°
- 21AE53
Hanging Gardens of Babylon
- 009CE3
≈ Atmosphere
- CA65C5
≈ Purple Urn Orchid
- D57600
≈ Autumn Leaf Orange
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.89:1 · APCA Lc 55
Ag
AAATrên nền đen
WCAG 7.24:1 · APCA Lc 47
Màu chữ tốt nhất: #000000
WCAG 7.24:1 (AAA) · APCA Lc 47
Contrast pairs
Đoạn mã
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);
}