이름 색상 · #00EE22
Acid Pool
Acid Pool은(는) #00EE22: rgb(0 238 34), hsl(129 100% 47%), oklch(0.823 0.274 143.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Acid Pool color name →
#00EE22
oklch(0.823 0.274 143.2)
색상 변환
- HEX
- #00ee22
- RGB
- rgb(0 238 34)
- HSL
- hsl(129 100% 47%)
- HWB
- hwb(129 0% 7%)
- OKLCH
- oklch(0.823 0.274 143.2)
- OKLab
- oklab(0.823 -0.219 0.164)
- CIE Lab
- lab(82.59 -74.65 72.88)
- LCH
- lch(82.59 104.33 135.7)
- CMYK
- cmyk(100% 0% 86% 7%)
틴트 · 셰이드 · 톤
틴트
- 49F14B
- 68F366
- 81F67D
- 96F892
- AAF9A6
- BCFBB8
- CEFCCA
- DFFEDC
- EFFEEE
셰이드
- 00CF1C
- 00B116
- 009311
- 00770B
- 005C07
- 004203
- 002A01
- 001400
- 000300
톤
- 35E33B
- 4AD84B
- 58CD56
- 62C260
- 6AB867
- 71AD6E
- 76A273
- 7A9778
- 7D8B7C
색 조화
보색 +180°
- 00EE22
Acid Pool
- F5A1FF
≈ Rich Brilliant Lavender
유사색 -30° +30°
- 00EE22
Acid Pool
- C6D000
≈ Garlic Pesto
- 00E5BC
≈ Aquamarine
삼각 배색 +120° +240°
- 00EE22
Acid Pool
- A7C5FF
≈ Pastel Blue
- FFACA7
≈ Patient Pink
분열 보색 +150° +210°
- 00EE22
Acid Pool
- C7BAFF
≈ Lavender Tonic
- FFA6CB
≈ Bazooka Pink
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.58:1 · APCA Lc 26
Ag
AAA검은색 위
WCAG 13.25:1 · APCA Lc 78
가장 좋은 글자색: #000000
WCAG 13.25:1 (AAA) · APCA Lc 78
Contrast pairs
코드 스니펫
CSS
:root {
--acid-pool: #00ee22;
--acid-pool-rgb: 0 238 34;
--acid-pool-oklch: oklch(0.823 0.274 143.2);
}
.element {
color: var(--acid-pool);
background-color: hsl(129 100% 47%);
border-color: oklch(0.823 0.274 143.2);
}Tailwind CSS v4
@theme {
--color-acid-pool: #00ee22;
--color-acid-pool-50: #c3ffc5;
--color-acid-pool-100: #acffaf;
--color-acid-pool-200: #80f288;
--color-acid-pool-300: #3cda53;
--color-acid-pool-400: #00c300;
--color-acid-pool-500: #00ac00;
--color-acid-pool-600: #009200;
--color-acid-pool-700: #007500;
--color-acid-pool-800: #005600;
--color-acid-pool-900: #003c00;
--color-acid-pool-950: #002500;
}SCSS
$acid-pool: #00ee22;
$acid-pool-rgb: 0, 238, 34;
$acid-pool-light: mix(#fff, $acid-pool, 20%);
$acid-pool-dark: mix(#000, $acid-pool, 20%);
.element {
color: $acid-pool;
box-shadow: 0 0 0 2px rgba($acid-pool, 0.35);
}