이름 색상 · #40FD14
Poison Green
Poison Green은(는) #40FD14: rgb(64 253 20), hsl(109 98% 54%), oklch(0.868 0.283 141.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Poison Green color name →
#40FD14
oklch(0.868 0.283 141.2)
색상 변환
- HEX
- #40fd14
- RGB
- rgb(64 253 20)
- HSL
- hsl(109 98% 54%)
- HWB
- hwb(109 8% 1%)
- OKLCH
- oklch(0.868 0.283 141.2)
- OKLab
- oklab(0.868 -0.22 0.177)
- CIE Lab
- lab(87.78 -73.89 79.6)
- LCH
- lch(87.78 108.61 132.9)
- CMYK
- cmyk(75% 0% 92% 1%)
틴트 · 셰이드 · 톤
틴트
- 61FE49
- 7AFF66
- 8FFF7E
- A2FF94
- B3FFA7
- C3FFBA
- D3FFCC
- E2FFDD
- F1FFEE
셰이드
- 36DC10
- 2DBC0C
- 249D08
- 1B7F05
- 136203
- 0B4701
- 052D01
- 011600
- 000300
톤
- 51F037
- 5EE449
- 67D756
- 6ECB60
- 73BF68
- 78B26F
- 7BA674
- 7D9979
- 7F8D7D
색 조화
보색 +180°
- 40FD14
Poison Green
- F5BCFF
≈ Brilliant Lavender
유사색 -30° +30°
- 40FD14
Poison Green
- D9DE00
≈ Golden Gun
- 00F6C5
≈ Bright Teal
삼각 배색 +120° +240°
- 40FD14
Poison Green
- BCD5FF
≈ Ice Cold Stare
- FFC2BF
≈ Ladylike
분열 보색 +150° +210°
- 40FD14
Poison Green
- D3CCFF
≈ Lavender Blue
- FFBDDA
≈ Cotton Candy
사각 배색 +90° +180° +270°
- 40FD14
Poison Green
- 9DDEFF
≈ Columbia Blue
- F5BCFF
≈ Brilliant Lavender
- FFC5A4
≈ Tomorrow’s Coral
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.37:1 · APCA Lc 18
Ag
AAA검은색 위
WCAG 15.27:1 · APCA Lc 86
가장 좋은 글자색: #000000
WCAG 15.27:1 (AAA) · APCA Lc 86
Contrast pairs
코드 스니펫
CSS
:root {
--poison-green: #40fd14;
--poison-green-rgb: 64 253 20;
--poison-green-oklch: oklch(0.868 0.283 141.2);
}
.element {
color: var(--poison-green);
background-color: hsl(109 98% 54%);
border-color: oklch(0.868 0.283 141.2);
}Tailwind CSS v4
@theme {
--color-poison-green: #40fd14;
--color-poison-green-50: #c5ffc0;
--color-poison-green-100: #aeffa9;
--color-poison-green-200: #83f280;
--color-poison-green-300: #44da46;
--color-poison-green-400: #00c200;
--color-poison-green-500: #00ac00;
--color-poison-green-600: #009100;
--color-poison-green-700: #007500;
--color-poison-green-800: #005500;
--color-poison-green-900: #003c00;
--color-poison-green-950: #002500;
}SCSS
$poison-green: #40fd14;
$poison-green-rgb: 64, 253, 20;
$poison-green-light: mix(#fff, $poison-green, 20%);
$poison-green-dark: mix(#000, $poison-green, 20%);
.element {
color: $poison-green;
box-shadow: 0 0 0 2px rgba($poison-green, 0.35);
}