이름 색상 · #70B23F
Nasty Green
Nasty Green은(는) #70B23F: rgb(112 178 63), hsl(94 48% 47%), oklch(0.695 0.163 134.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Nasty Green color name →
#70B23F
oklch(0.695 0.163 134.3)
색상 변환
- HEX
- #70b23f
- RGB
- rgb(112 178 63)
- HSL
- hsl(94 48% 47%)
- HWB
- hwb(94 25% 30%)
- OKLCH
- oklch(0.695 0.163 134.3)
- OKLab
- oklab(0.695 -0.113 0.116)
- CIE Lab
- lab(66.38 -36.61 49.79)
- LCH
- lch(66.38 61.8 126.3)
- CMYK
- cmyk(37% 0% 65% 30%)
틴트 · 셰이드 · 톤
틴트
- 7EBA56
- 8DC26B
- 9BCA7E
- A9D291
- B7D9A3
- C5E1B6
- D4E9C8
- E2F0DA
- F0F8ED
셰이드
- 609A35
- 51832C
- 436D23
- 35571B
- 274312
- 1A2F0A
- 0E1D04
- 040C01
- 010100
톤
- 72AD49
- 74A852
- 76A45A
- 789F60
- 7A9A67
- 7B956C
- 7D9072
- 7E8A77
- 7F857C
색 조화
보색 +180°
- 70B23F
Nasty Green
- C17BE2
≈ Lavender Blossom
유사색 -30° +30°
- 70B23F
Nasty Green
- ACA000
≈ Countryside
- 00B984
≈ Slime Girl
삼각 배색 +120° +240°
- 70B23F
Nasty Green
- 4D9FFF
≈ Blue Chaos
- F06C7D
≈ Strawberry Pink
분열 보색 +150° +210°
- 70B23F
Nasty Green
- 938CFD
≈ Lavender Blue Shadow
- E16FB5
≈ Amaranth
사각 배색 +90° +180° +270°
- 70B23F
Nasty Green
- 00ADD9
≈ Bright Cerulean
- C17BE2
≈ Lavender Blossom
- ED763E
≈ Debrito
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.58:1 · APCA Lc 50
Ag
AAA검은색 위
WCAG 8.12:1 · APCA Lc 52
가장 좋은 글자색: #000000
WCAG 8.12:1 (AAA) · APCA Lc 52
Contrast pairs
코드 스니펫
CSS
:root {
--nasty-green: #70b23f;
--nasty-green-rgb: 112 178 63;
--nasty-green-oklch: oklch(0.695 0.163 134.3);
}
.element {
color: var(--nasty-green);
background-color: hsl(94 48% 47%);
border-color: oklch(0.695 0.163 134.3);
}Tailwind CSS v4
@theme {
--color-nasty-green: #70b23f;
--color-nasty-green-50: #e0ffd3;
--color-nasty-green-100: #d0f5bf;
--color-nasty-green-200: #b5e59f;
--color-nasty-green-300: #90ca75;
--color-nasty-green-400: #74b348;
--color-nasty-green-500: #549c00;
--color-nasty-green-600: #48840b;
--color-nasty-green-700: #396a0a;
--color-nasty-green-800: #2b4d00;
--color-nasty-green-900: #1d3602;
--color-nasty-green-950: #0d2100;
}SCSS
$nasty-green: #70b23f;
$nasty-green-rgb: 112, 178, 63;
$nasty-green-light: mix(#fff, $nasty-green, 20%);
$nasty-green-dark: mix(#000, $nasty-green, 20%);
.element {
color: $nasty-green;
box-shadow: 0 0 0 2px rgba($nasty-green, 0.35);
}