Màu có tên gần nhất · #24A248
#24A248
Màu có tên gần nhất: Hanging Gardens of Babylon
#24A248 (rgb(36 162 72), hsl(137 64% 39%), oklch(0.626 0.167 148)) 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.
#24A248
oklch(0.626 0.167 148)
Chuyển đổi màu
- HEX
- #24a248
- RGB
- rgb(36 162 72)
- HSL
- hsl(137 64% 39%)
- HWB
- hwb(137 14% 36%)
- OKLCH
- oklch(0.626 0.167 148)
- OKLab
- oklab(0.626 -0.142 0.089)
- CIE Lab
- lab(58.68 -49.4 36.28)
- LCH
- lch(58.68 61.29 143.7)
- CMYK
- cmyk(78% 0% 56% 36%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 45AC5B
- 5EB56E
- 74BF80
- 89C892
- 9DD1A4
- B1DBB6
- C5E4C8
- D8EDDA
- ECF6EC
Sắc đậm
- 1E8C3D
- 187733
- 126329
- 0C4F1F
- 073C16
- 042A0D
- 021906
- 000A02
- 000100
Sắc xám
- 379F4F
- 449C56
- 4F995C
- 589562
- 609267
- 688F6D
- 6E8B72
- 758877
- 7B847B
Hòa sắc
Bổ túc +180°
- 24A248
Hanging Gardens of Babylon
- BC5EBA
≈ Mazzy Star
Tương đồng -30° +30°
- 24A248
Hanging Gardens of Babylon
- 819300
≈ Mossy Woods
- 009E88
≈ Reptilian Green
Bộ ba +120° +240°
- 24A248
Hanging Gardens of Babylon
- 5D80EC
≈ Pan Purple
- DB574B
≈ Red Wire
Bổ túc chia +150° +210°
- 24A248
Hanging Gardens of Babylon
- 966DDE
≈ Matt Purple
- D35488
≈ Pretty in Plum
Bộ bốn +90° +180° +270°
- 24A248
Hanging Gardens of Babylon
- 0092D1
≈ Rich Electric Blue
- BC5EBA
≈ Mazzy Star
- C96D00
≈ Sludge
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.31:1 · APCA Lc 60
Ag
AATrên nền đen
WCAG 6.33:1 · APCA Lc 42
Màu chữ tốt nhất: #000000
WCAG 6.33:1 (AA) · APCA Lc 42
Contrast pairs
Đoạn mã
CSS
:root {
--hanging-gardens-of-babylon: #24a248;
--hanging-gardens-of-babylon-rgb: 36 162 72;
--hanging-gardens-of-babylon-oklch: oklch(0.626 0.167 148);
}
.element {
color: var(--hanging-gardens-of-babylon);
background-color: hsl(137 64% 39%);
border-color: oklch(0.626 0.167 148);
}Tailwind CSS v4
@theme {
--color-hanging-gardens-of-babylon: #24a248;
--color-hanging-gardens-of-babylon-50: #d4ffdc;
--color-hanging-gardens-of-babylon-100: #c1f8cb;
--color-hanging-gardens-of-babylon-200: #a0e9ae;
--color-hanging-gardens-of-babylon-300: #73cf89;
--color-hanging-gardens-of-babylon-400: #4bb862;
--color-hanging-gardens-of-babylon-500: #00a23d;
--color-hanging-gardens-of-babylon-600: #018935;
--color-hanging-gardens-of-babylon-700: #056e2a;
--color-hanging-gardens-of-babylon-800: #0b511a;
--color-hanging-gardens-of-babylon-900: #073811;
--color-hanging-gardens-of-babylon-950: #002304;
}SCSS
$hanging-gardens-of-babylon: #24a248;
$hanging-gardens-of-babylon-rgb: 36, 162, 72;
$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);
}