Cor nomeada · #BBCC22
Luscious Leek
Luscious Leek é #BBCC22: rgb(187 204 34), hsl(66 71% 47%), oklch(0.805 0.176 115.8). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Luscious Leek color name →
#BBCC22
oklch(0.805 0.176 115.8)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- C1D249
- C8D764
- CEDC7B
- D5E290
- DCE7A3
- E2ECB6
- E9F1C9
- F1F6DB
- F8FAED
Sombras
- A2B11C
- 8A9716
- 737E11
- 5C650B
- 464E07
- 323703
- 1F2201
- 0D0F00
- 020200
Tons
- B5C43A
- AEBD49
- A8B554
- A2AE5E
- 9CA665
- 969F6C
- 919772
- 8B8F77
- 85887C
Harmonias de cor
Complementar +180°
- BBCC22
Luscious Leek
- C5B1FF
≈ Teasel Dipsacus
Análoga -30° +30°
- BBCC22
Luscious Leek
- EFB600
≈ Rucksack Tan
- 6ADD76
≈ Pastel Green
Tríade +120° +240°
- BBCC22
Luscious Leek
- 70CBFF
≈ Bubbly Barracuda
- FF9DC2
≈ Saira Red
Complementar dividida +150° +210°
- BBCC22
Luscious Leek
- A2BEFF
≈ Pastel Blue
- F894FC
≈ Pinkalicious
Tétrade +90° +180° +270°
- BBCC22
Luscious Leek
- 00D8EA
≈ Thousand Sons Blue
- C5B1FF
≈ Teasel Dipsacus
- FFA39A
≈ Pink Dream
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.78:1 · APCA Lc 33
Ag
AAASobre preto
WCAG 11.77:1 · APCA Lc 70
Melhor cor de texto: #000000
WCAG 11.77:1 (AAA) · APCA Lc 70
Contrast pairs
Trechos de código
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);
}