Benannte Farbe · #9BB53C
Booger
Booger ist #9BB53C: rgb(155 181 60), hsl(73 50% 47%), oklch(0.73 0.148 120.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Booger color name →
#9BB53C
oklch(0.73 0.148 120.6)
Farbumrechnungen
- HEX
- #9bb53c
- RGB
- rgb(155 181 60)
- HSL
- hsl(73 50% 47%)
- HWB
- hwb(73 24% 29%)
- OKLCH
- oklch(0.73 0.148 120.6)
- OKLab
- oklab(0.73 -0.075 0.127)
- CIE Lab
- lab(69.96 -21.72 55.68)
- LCH
- lch(69.96 59.77 111.3)
- CMYK
- cmyk(14% 0% 67% 29%)
Tints · Shades · Tones
Tints
- A4BD55
- AEC46A
- B8CC7E
- C1D392
- CBDBA4
- D5E2B7
- E0E9C9
- EAF1DB
- F4F8ED
Shades
- 869D33
- 72862A
- 5E6F21
- 4B5919
- 394411
- 28300A
- 181D04
- 090C01
- 010200
Tones
- 98B048
- 95AB51
- 93A559
- 90A061
- 8D9B67
- 8A966D
- 889072
- 858B77
- 83857C
Farbharmonien
Komplementär +180°
- 9BB53C
Booger
- B790F6
≈ Liliac
Analog -30° +30°
- 9BB53C
Booger
- CBA308
≈ Lemon Curry
- 56C175
≈ Acid Sleazebag
Triadisch +120° +240°
- 9BB53C
Booger
- 3AB2FB
≈ Adamantine Blue
- F17DA3
≈ Pink Carnation
Geteilt komplementär +150° +210°
- 9BB53C
Booger
- 87A2FF
≈ Periwinkle Blue
- DC83D3
≈ Blush Essence
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.31:1 · APCA Lc 46
Ag
AAAAuf Schwarz
WCAG 9.06:1 · APCA Lc 57
Beste Textfarbe: #000000
WCAG 9.06:1 (AAA) · APCA Lc 57
Contrast pairs
Code-Snippets
CSS
:root {
--booger: #9bb53c;
--booger-rgb: 155 181 60;
--booger-oklch: oklch(0.73 0.148 120.6);
}
.element {
color: var(--booger);
background-color: hsl(73 50% 47%);
border-color: oklch(0.73 0.148 120.6);
}Tailwind CSS v4
@theme {
--color-booger: #9bb53c;
--color-booger-50: #edfdce;
--color-booger-100: #dff1ba;
--color-booger-200: #c9df98;
--color-booger-300: #aac46b;
--color-booger-400: #92ab3a;
--color-booger-500: #799300;
--color-booger-600: #677d00;
--color-booger-700: #526400;
--color-booger-800: #3e4900;
--color-booger-900: #2a3200;
--color-booger-950: #181e00;
}SCSS
$booger: #9bb53c;
$booger-rgb: 155, 181, 60;
$booger-light: mix(#fff, $booger, 20%);
$booger-dark: mix(#000, $booger, 20%);
.element {
color: $booger;
box-shadow: 0 0 0 2px rgba($booger, 0.35);
}