이름 색상 · #00EE00
Delightful Green
Delightful Green은(는) #00EE00: rgb(0 238 0), hsl(120 100% 47%), oklch(0.822 0.28 142.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Delightful Green color name →
#00EE00
oklch(0.822 0.28 142.5)
색상 변환
- HEX
- #00ee00
- RGB
- rgb(0 238 0)
- HSL
- hsl(120 100% 47%)
- HWB
- hwb(120 0% 7%)
- OKLCH
- oklch(0.822 0.28 142.5)
- OKLab
- oklab(0.822 -0.222 0.17)
- CIE Lab
- lab(82.54 -75.24 76.87)
- LCH
- lch(82.54 107.57 134.4)
- CMYK
- cmyk(100% 0% 100% 7%)
틴트 · 셰이드 · 톤
틴트
- 49F142
- 68F360
- 81F679
- 96F88F
- AAFAA3
- BCFBB6
- CEFDC9
- DEFEDB
- EFFEED
셰이드
- 00CF00
- 00B100
- 009300
- 007700
- 005C00
- 004200
- 002A00
- 001400
- 000300
톤
- 35E330
- 4AD843
- 58CD51
- 62C35C
- 6AB864
- 71AD6C
- 76A272
- 7A9777
- 7D8B7C
색 조화
보색 +180°
- 00EE00
Delightful Green
- F4A1FF
≈ Rich Brilliant Lavender
유사색 -30° +30°
- 00EE00
Delightful Green
- C8D000
≈ Golden Foil
- 00E5BA
≈ Aquamarine
삼각 배색 +120° +240°
- 00EE00
Delightful Green
- A6C5FF
≈ Pastel Blue
- FFABA7
≈ Patient Pink
분열 보색 +150° +210°
- 00EE00
Delightful Green
- C6BAFF
≈ Lavender Tonic
- FFA5CC
≈ Bazooka Pink
사각 배색 +90° +180° +270°
- 00EE00
Delightful Green
- 78D1FF
≈ Heisenberg Blue
- F4A1FF
≈ Rich Brilliant Lavender
- FFB07F
≈ Sassy Peach
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.58:1 · APCA Lc 26
Ag
AAA검은색 위
WCAG 13.22:1 · APCA Lc 77
가장 좋은 글자색: #000000
WCAG 13.22:1 (AAA) · APCA Lc 77
Contrast pairs
코드 스니펫
CSS
:root {
--delightful-green: #00ee00;
--delightful-green-rgb: 0 238 0;
--delightful-green-oklch: oklch(0.822 0.28 142.5);
}
.element {
color: var(--delightful-green);
background-color: hsl(120 100% 47%);
border-color: oklch(0.822 0.28 142.5);
}Tailwind CSS v4
@theme {
--color-delightful-green: #00ee00;
--color-delightful-green-50: #c3ffc3;
--color-delightful-green-100: #acffac;
--color-delightful-green-200: #80f384;
--color-delightful-green-300: #3cda4d;
--color-delightful-green-400: #00c300;
--color-delightful-green-500: #00ad00;
--color-delightful-green-600: #009200;
--color-delightful-green-700: #007500;
--color-delightful-green-800: #005600;
--color-delightful-green-900: #003c00;
--color-delightful-green-950: #002500;
}SCSS
$delightful-green: #00ee00;
$delightful-green-rgb: 0, 238, 0;
$delightful-green-light: mix(#fff, $delightful-green, 20%);
$delightful-green-dark: mix(#000, $delightful-green, 20%);
.element {
color: $delightful-green;
box-shadow: 0 0 0 2px rgba($delightful-green, 0.35);
}