가장 가까운 이름 색상 · #21AE53
#21AE53
가장 가까운 이름 색상: Hanging Gardens of Babylon
#21AE53(rgb(33 174 83), hsl(141 68% 41%), oklch(0.66 0.173 149.5))와 가장 가까운 이름 색상은 Hanging Gardens of Babylon입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#21AE53
oklch(0.66 0.173 149.5)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 46B765
- 60BF76
- 76C787
- 8BCF98
- 9FD8A9
- B3E0BA
- C6E8CB
- D9EFDC
- ECF7EE
셰이드
- 1B9747
- 16803B
- 106A30
- 0B5525
- 06411B
- 032E11
- 011C08
- 000B02
- 000100
톤
- 37AA59
- 45A55E
- 50A163
- 5A9D68
- 62986D
- 699371
- 708F75
- 768A79
- 7B857C
색 조화
보색 +180°
- 21AE53
Hanging Gardens of Babylon
- CA65C5
≈ Purple Urn Orchid
유사색 -30° +30°
- 21AE53
Hanging Gardens of Babylon
- 889F00
≈ Noxious
- 00AA94
≈ Shindig
삼각 배색 +120° +240°
- 21AE53
Hanging Gardens of Babylon
- 6988FB
≈ Punch Out Glove
- E9604F
≈ Opal Flame
분열 보색 +150° +210°
- 21AE53
Hanging Gardens of Babylon
- A375EB
≈ Forgotten Purple
- E25C8F
≈ Carmine Rose
사각 배색 +90° +180° +270°
- 21AE53
Hanging Gardens of Babylon
- 009CE3
≈ Atmosphere
- CA65C5
≈ Purple Urn Orchid
- D57600
≈ Autumn Leaf Orange
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.89:1 · APCA Lc 55
Ag
AAA검은색 위
WCAG 7.24:1 · APCA Lc 47
가장 좋은 글자색: #000000
WCAG 7.24:1 (AAA) · APCA Lc 47
Contrast pairs
코드 스니펫
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);
}