Benannte Farbe · #9DC100
Snot Green
Snot Green ist #9DC100: rgb(157 193 0), hsl(71 100% 38%), oklch(0.757 0.184 122.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Snot Green color name →
#9DC100
oklch(0.757 0.184 122.1)
Farbumrechnungen
- HEX
- #9dc100
- RGB
- rgb(157 193 0)
- HSL
- hsl(71 100% 38%)
- HWB
- hwb(71 0% 24%)
- OKLCH
- oklch(0.757 0.184 122.1)
- OKLab
- oklab(0.757 -0.098 0.156)
- CIE Lab
- lab(73.37 -27.74 72.28)
- LCH
- lch(73.37 77.42 111)
- CMYK
- cmyk(19% 0% 100% 24%)
Tints · Shades · Tones
Tints
- A6C83D
- B0CE5A
- B9D572
- C3DB88
- CCE19D
- D6E7B1
- E0EDC5
- EAF3D8
- F5F9EC
Shades
- 88A700
- 738F00
- 5F7700
- 4C5F00
- 3A4900
- 283400
- 182000
- 090E00
- 010200
Tones
- 9ABB2B
- 97B43E
- 94AE4C
- 91A756
- 8EA160
- 8B9B68
- 88946F
- 858D75
- 83877B
Farbharmonien
Komplementär +180°
- 9DC100
Snot Green
- C297FF
≈ Lilás
Analog -30° +30°
- 9DC100
Snot Green
- D3AC00
≈ Burnt Yellow
- 31D073
≈ UFO Green
Triadisch +120° +240°
- 9DC100
Snot Green
- 56B9FF
≈ Hello Summer
- FF82A8
≈ Informative Pink
Geteilt komplementär +150° +210°
- 9DC100
Snot Green
- 95ABFF
≈ Widowmaker
- F27FE3
≈ Lavender Magenta
Tetradisch +90° +180° +270°
- 9DC100
Snot Green
- 00C5E1
≈ Caribbean Blue
- C297FF
≈ Lilás
- FF8A73
≈ Miami Coral
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.08:1 · APCA Lc 41
Ag
AAAAuf Schwarz
WCAG 10.06:1 · APCA Lc 62
Beste Textfarbe: #000000
WCAG 10.06:1 (AAA) · APCA Lc 62
Contrast pairs
Code-Snippets
CSS
:root {
--snot-green: #9dc100;
--snot-green-rgb: 157 193 0;
--snot-green-oklch: oklch(0.757 0.184 122.1);
}
.element {
color: var(--snot-green);
background-color: hsl(71 100% 38%);
border-color: oklch(0.757 0.184 122.1);
}Tailwind CSS v4
@theme {
--color-snot-green: #9dc100;
--color-snot-green-50: #eaffc5;
--color-snot-green-100: #dbf3af;
--color-snot-green-200: #c4e288;
--color-snot-green-300: #a4c755;
--color-snot-green-400: #8dae00;
--color-snot-green-500: #739600;
--color-snot-green-600: #617f00;
--color-snot-green-700: #4e6600;
--color-snot-green-800: #3b4a00;
--color-snot-green-900: #283300;
--color-snot-green-950: #161f00;
}SCSS
$snot-green: #9dc100;
$snot-green-rgb: 157, 193, 0;
$snot-green-light: mix(#fff, $snot-green, 20%);
$snot-green-dark: mix(#000, $snot-green, 20%);
.element {
color: $snot-green;
box-shadow: 0 0 0 2px rgba($snot-green, 0.35);
}