Adlandırılmış renk · #70B23F
Nasty Green
Nasty Green, #70B23F: rgb(112 178 63), hsl(94 48% 47%), oklch(0.695 0.163 134.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Nasty Green color name →
#70B23F
oklch(0.695 0.163 134.3)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 7EBA56
- 8DC26B
- 9BCA7E
- A9D291
- B7D9A3
- C5E1B6
- D4E9C8
- E2F0DA
- F0F8ED
Koyu tonlar
- 609A35
- 51832C
- 436D23
- 35571B
- 274312
- 1A2F0A
- 0E1D04
- 040C01
- 010100
Gri tonlar
- 72AD49
- 74A852
- 76A45A
- 789F60
- 7A9A67
- 7B956C
- 7D9072
- 7E8A77
- 7F857C
Renk uyumları
Tamamlayıcı +180°
- 70B23F
Nasty Green
- C17BE2
≈ Lavender Blossom
Analog -30° +30°
- 70B23F
Nasty Green
- ACA000
≈ Countryside
- 00B984
≈ Slime Girl
Üçlü +120° +240°
- 70B23F
Nasty Green
- 4D9FFF
≈ Blue Chaos
- F06C7D
≈ Strawberry Pink
Bölünmüş tamamlayıcı +150° +210°
- 70B23F
Nasty Green
- 938CFD
≈ Lavender Blue Shadow
- E16FB5
≈ Amaranth
Dörtlü +90° +180° +270°
- 70B23F
Nasty Green
- 00ADD9
≈ Bright Cerulean
- C17BE2
≈ Lavender Blossom
- ED763E
≈ Debrito
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.58:1 · APCA Lc 50
Ag
AAASiyah üzerinde
WCAG 8.12:1 · APCA Lc 52
En iyi metin rengi: #000000
WCAG 8.12:1 (AAA) · APCA Lc 52
Contrast pairs
Kod parçacıkları
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);
}