Benannte Farbe · #BBCC22
Luscious Leek
Luscious Leek ist #BBCC22: rgb(187 204 34), hsl(66 71% 47%), oklch(0.805 0.176 115.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Luscious Leek color name →
#BBCC22
oklch(0.805 0.176 115.8)
Farbumrechnungen
- HEX
- #bbcc22
- RGB
- rgb(187 204 34)
- HSL
- hsl(66 71% 47%)
- HWB
- hwb(66 13% 20%)
- OKLCH
- oklch(0.805 0.176 115.8)
- OKLab
- oklab(0.805 -0.077 0.158)
- CIE Lab
- lab(78.72 -20 72.6)
- LCH
- lch(78.72 75.31 105.4)
- CMYK
- cmyk(8% 0% 83% 20%)
Tints · Shades · Tones
Tints
- C1D249
- C8D764
- CEDC7B
- D5E290
- DCE7A3
- E2ECB6
- E9F1C9
- F1F6DB
- F8FAED
Shades
- A2B11C
- 8A9716
- 737E11
- 5C650B
- 464E07
- 323703
- 1F2201
- 0D0F00
- 020200
Tones
- B5C43A
- AEBD49
- A8B554
- A2AE5E
- 9CA665
- 969F6C
- 919772
- 8B8F77
- 85887C
Farbharmonien
Komplementär +180°
- BBCC22
Luscious Leek
- C5B1FF
≈ Teasel Dipsacus
Analog -30° +30°
- BBCC22
Luscious Leek
- EFB600
≈ Rucksack Tan
- 6ADD76
≈ Pastel Green
Triadisch +120° +240°
- BBCC22
Luscious Leek
- 70CBFF
≈ Bubbly Barracuda
- FF9DC2
≈ Saira Red
Geteilt komplementär +150° +210°
- BBCC22
Luscious Leek
- A2BEFF
≈ Pastel Blue
- F894FC
≈ Pinkalicious
Tetradisch +90° +180° +270°
- BBCC22
Luscious Leek
- 00D8EA
≈ Thousand Sons Blue
- C5B1FF
≈ Teasel Dipsacus
- FFA39A
≈ Pink Dream
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.78:1 · APCA Lc 33
Ag
AAAAuf Schwarz
WCAG 11.77:1 · APCA Lc 70
Beste Textfarbe: #000000
WCAG 11.77:1 (AAA) · APCA Lc 70
Contrast pairs
Code-Snippets
CSS
:root {
--luscious-leek: #bbcc22;
--luscious-leek-rgb: 187 204 34;
--luscious-leek-oklch: oklch(0.805 0.176 115.8);
}
.element {
color: var(--luscious-leek);
background-color: hsl(66 71% 47%);
border-color: oklch(0.805 0.176 115.8);
}Tailwind CSS v4
@theme {
--color-luscious-leek: #bbcc22;
--color-luscious-leek-50: #f0fdc4;
--color-luscious-leek-100: #e2f0ad;
--color-luscious-leek-200: #cedf86;
--color-luscious-leek-300: #b0c351;
--color-luscious-leek-400: #9baa00;
--color-luscious-leek-500: #839100;
--color-luscious-leek-600: #6f7b00;
--color-luscious-leek-700: #596300;
--color-luscious-leek-800: #434800;
--color-luscious-leek-900: #2e3200;
--color-luscious-leek-950: #1b1d00;
}SCSS
$luscious-leek: #bbcc22;
$luscious-leek-rgb: 187, 204, 34;
$luscious-leek-light: mix(#fff, $luscious-leek, 20%);
$luscious-leek-dark: mix(#000, $luscious-leek, 20%);
.element {
color: $luscious-leek;
box-shadow: 0 0 0 2px rgba($luscious-leek, 0.35);
}