Benannte Farbe · #119944
Boogie Blast
Boogie Blast ist #119944: rgb(17 153 68), hsl(143 80% 33%), oklch(0.598 0.164 149.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Boogie Blast color name →
#119944
oklch(0.598 0.164 149.1)
Farbumrechnungen
- HEX
- #119944
- RGB
- rgb(17 153 68)
- HSL
- hsl(143 80% 33%)
- HWB
- hwb(143 7% 40%)
- OKLCH
- oklch(0.598 0.164 149.1)
- OKLab
- oklab(0.598 -0.14 0.084)
- CIE Lab
- lab(55.39 -49.13 34.26)
- LCH
- lch(55.39 59.89 145.1)
- CMYK
- cmyk(89% 0% 56% 40%)
Tints · Shades · Tones
Tints
- 3BA357
- 56AE6A
- 6EB87C
- 84C28F
- 99CDA1
- ADD7B3
- C2E1C6
- D6EBD9
- EBF5EC
Shades
- 0D843A
- 097030
- 065D26
- 044A1D
- 023814
- 01270C
- 001705
- 000802
- 000100
Tones
- 2C974B
- 3C9552
- 489259
- 53905F
- 5C8E65
- 648B6B
- 6C8970
- 738676
- 7A837B
Farbharmonien
Komplementär +180°
- 119944
Boogie Blast
- B356AF
≈ Royalty Loyalty
Analog -30° +30°
- 119944
Boogie Blast
- 778A00
≈ Elwynn Forest Olive
- 009481
≈ Aqua Waters
Triadisch +120° +240°
- 119944
Boogie Blast
- 5977E0
≈ Blue Öyster Cult
- CF5042
≈ Chilli Cashew
Geteilt komplementär +150° +210°
- 119944
Boogie Blast
- 8F65D2
≈ Amethyst
- C94D7D
≈ Pink Flambé
Tetradisch +90° +180° +270°
- 119944
Boogie Blast
- 0089C7
≈ Azul Caribe
- B356AF
≈ Royalty Loyalty
- BC6700
≈ Camel Fur
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.70:1 · APCA Lc 64
Ag
AAAuf Schwarz
WCAG 5.66:1 · APCA Lc 38
Beste Textfarbe: #000000
WCAG 5.66:1 (AA) · APCA Lc 38
Contrast pairs
Code-Snippets
CSS
:root {
--boogie-blast: #119944;
--boogie-blast-rgb: 17 153 68;
--boogie-blast-oklch: oklch(0.598 0.164 149.1);
}
.element {
color: var(--boogie-blast);
background-color: hsl(143 80% 33%);
border-color: oklch(0.598 0.164 149.1);
}Tailwind CSS v4
@theme {
--color-boogie-blast: #119944;
--color-boogie-blast-50: #d4ffde;
--color-boogie-blast-100: #c0f8cc;
--color-boogie-blast-200: #9fe9b1;
--color-boogie-blast-300: #73cf8c;
--color-boogie-blast-400: #4ab866;
--color-boogie-blast-500: #00a243;
--color-boogie-blast-600: #00893a;
--color-boogie-blast-700: #036e2e;
--color-boogie-blast-800: #09511d;
--color-boogie-blast-900: #073813;
--color-boogie-blast-950: #002305;
}SCSS
$boogie-blast: #119944;
$boogie-blast-rgb: 17, 153, 68;
$boogie-blast-light: mix(#fff, $boogie-blast, 20%);
$boogie-blast-dark: mix(#000, $boogie-blast, 20%);
.element {
color: $boogie-blast;
box-shadow: 0 0 0 2px rgba($boogie-blast, 0.35);
}