Adlandırılmış renk · #139D08
Space Invader
Space Invader, #139D08: rgb(19 157 8), hsl(116 90% 32%), oklch(0.605 0.201 142.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Space Invader color name →
#139D08
oklch(0.605 0.201 142.2)
Renk dönüşümleri
- HEX
- #139d08
- RGB
- rgb(19 157 8)
- HSL
- hsl(116 90% 32%)
- HWB
- hwb(116 3% 38%)
- OKLCH
- oklch(0.605 0.201 142.2)
- OKLab
- oklab(0.605 -0.159 0.123)
- CIE Lab
- lab(56.42 -53.78 55.4)
- LCH
- lch(56.42 77.21 134.1)
- CMYK
- cmyk(88% 0% 95% 38%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 3CA735
- 57B24F
- 6EBC67
- 84C67D
- 99CF93
- AED9A9
- C2E3BE
- D6ECD4
- EBF6E9
Koyu tonlar
- 0F8806
- 0B7304
- 075F03
- 054C02
- 033A01
- 012801
- 011800
- 000900
- 000100
Gri tonlar
- 2D9B26
- 3D9836
- 499643
- 53934D
- 5C9057
- 658D60
- 6C8A69
- 738771
- 7A8479
Renk uyumları
Tamamlayıcı +180°
- 139D08
Space Invader
- B74DC7
≈ Ultraviolet Berl
Analog -30° +30°
- 139D08
Space Invader
- 848900
≈ Krypton Green
- 00987A
≈ Cadaverous
Üçlü +120° +240°
- 139D08
Space Invader
- 3979F8
≈ Lightish Blue
- E13B46
≈ Poppy Red
Bölünmüş tamamlayıcı +150° +210°
- 139D08
Space Invader
- 8861ED
≈ Medium Slate Blue
- D53D8E
≈ Dark Princess Pink
Dörtlü +90° +180° +270°
- 139D08
Space Invader
- 008DBF
≈ Hawaiian Surf
- B74DC7
≈ Ultraviolet Berl
- C76100
≈ Kvass
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.58:1 · APCA Lc 63
Ag
AASiyah üzerinde
WCAG 5.85:1 · APCA Lc 39
En iyi metin rengi: #000000
WCAG 5.85:1 (AA) · APCA Lc 39
Contrast pairs
Kod parçacıkları
CSS
:root {
--space-invader: #139d08;
--space-invader-rgb: 19 157 8;
--space-invader-oklch: oklch(0.605 0.201 142.2);
}
.element {
color: var(--space-invader);
background-color: hsl(116 90% 32%);
border-color: oklch(0.605 0.201 142.2);
}Tailwind CSS v4
@theme {
--color-space-invader: #139d08;
--color-space-invader-50: #d3ffd1;
--color-space-invader-100: #bffabe;
--color-space-invader-200: #9deb9d;
--color-space-invader-300: #70d272;
--color-space-invader-400: #49ba40;
--color-space-invader-500: #00a400;
--color-space-invader-600: #008b00;
--color-space-invader-700: #016f00;
--color-space-invader-800: #0b5200;
--color-space-invader-900: #073900;
--color-space-invader-950: #002300;
}SCSS
$space-invader: #139d08;
$space-invader-rgb: 19, 157, 8;
$space-invader-light: mix(#fff, $space-invader, 20%);
$space-invader-dark: mix(#000, $space-invader, 20%);
.element {
color: $space-invader;
box-shadow: 0 0 0 2px rgba($space-invader, 0.35);
}