Adlandırılmış renk · #00FF77
Booger Buster
Booger Buster, #00FF77: rgb(0 255 119), hsl(148 100% 50%), oklch(0.874 0.242 149.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Booger Buster color name →
#00FF77
oklch(0.874 0.242 149.8)
Renk dönüşümleri
- HEX
- #00ff77
- RGB
- rgb(0 255 119)
- HSL
- hsl(148 100% 50%)
- HWB
- hwb(148 0% 0%)
- OKLCH
- oklch(0.874 0.242 149.8)
- OKLab
- oklab(0.874 -0.209 0.122)
- CIE Lab
- lab(88.36 -73.36 49.5)
- LCH
- lch(88.36 88.5 146)
- CMYK
- cmyk(100% 0% 53% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 4DFF87
- 6DFF96
- 86FFA4
- 9BFFB2
- AFFFBF
- C0FFCC
- D1FFD9
- E1FFE6
- F0FFF2
Koyu tonlar
- 00DE67
- 00BE57
- 009E47
- 008038
- 00632A
- 00481C
- 002E10
- 001605
- 000301
Gri tonlar
- 39F27A
- 4EE57C
- 5CD97E
- 66CC7F
- 6EBF80
- 74B381
- 79A681
- 7C9981
- 7F8D81
Renk uyumları
Tamamlayıcı +180°
- 00FF77
Booger Buster
- FFBBF8
≈ Distilled Rose
Analog -30° +30°
- 00FF77
Booger Buster
- C6E800
≈ Poisonous Pesto
- 00F7D9
≈ Lamiaceae
Üçlü +120° +240°
- 00FF77
Booger Buster
- C5D4FF
≈ Pale Phthalo Blue
- FFC6BC
≈ Your Pink
Bölünmüş tamamlayıcı +150° +210°
- 00FF77
Booger Buster
- DCCBFF
≈ Foggy Heath
- FFC2D4
≈ Garden Glory
Dörtlü +90° +180° +270°
- 00FF77
Booger Buster
- ACDCFF
≈ Droplet
- FFBBF8
≈ Distilled Rose
- FFC99E
≈ Phenomenal Peach
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.34:1 · APCA Lc 16
Ag
AAASiyah üzerinde
WCAG 15.57:1 · APCA Lc 87
En iyi metin rengi: #000000
WCAG 15.57:1 (AAA) · APCA Lc 87
Contrast pairs
Kod parçacıkları
CSS
:root {
--booger-buster: #00ff77;
--booger-buster-rgb: 0 255 119;
--booger-buster-oklch: oklch(0.874 0.242 149.8);
}
.element {
color: var(--booger-buster);
background-color: hsl(148 100% 50%);
border-color: oklch(0.874 0.242 149.8);
}Tailwind CSS v4
@theme {
--color-booger-buster: #00ff77;
--color-booger-buster-50: #c1ffd3;
--color-booger-buster-100: #a9ffc0;
--color-booger-buster-200: #7bf1a0;
--color-booger-buster-300: #2ed975;
--color-booger-buster-400: #00c344;
--color-booger-buster-500: #00ad00;
--color-booger-buster-600: #009200;
--color-booger-buster-700: #007501;
--color-booger-buster-800: #005600;
--color-booger-buster-900: #003c00;
--color-booger-buster-950: #002500;
}SCSS
$booger-buster: #00ff77;
$booger-buster-rgb: 0, 255, 119;
$booger-buster-light: mix(#fff, $booger-buster, 20%);
$booger-buster-dark: mix(#000, $booger-buster, 20%);
.element {
color: $booger-buster;
box-shadow: 0 0 0 2px rgba($booger-buster, 0.35);
}