Colore con nome · #BBCC11
Green Elisabeth Ⅱ
Green Elisabeth Ⅱ è #BBCC11: rgb(187 204 17), hsl(65 85% 43%), oklch(0.805 0.181 115.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Green Elisabeth Ⅱ color name →
#BBCC11
oklch(0.805 0.181 115.7)
Conversioni di colore
- HEX
- #bbcc11
- RGB
- rgb(187 204 17)
- HSL
- hsl(65 85% 43%)
- HWB
- hwb(65 7% 20%)
- OKLCH
- oklch(0.805 0.181 115.7)
- OKLab
- oklab(0.805 -0.078 0.163)
- CIE Lab
- lab(78.68 -20.27 75.56)
- LCH
- lch(78.68 78.23 105)
- CMYK
- cmyk(8% 0% 92% 20%)
Tinte · Ombre · Toni
Tinte
- C1D243
- C8D760
- CEDC78
- D5E28D
- DCE7A1
- E2ECB5
- E9F1C8
- F0F6DA
- F8FAED
Ombre
- A2B10D
- 8A9709
- 737E06
- 5C6504
- 464E02
- 323701
- 1F2200
- 0D0F00
- 020200
Toni
- B5C432
- AEBD44
- A8B551
- A2AE5B
- 9CA663
- 969F6B
- 919771
- 8B8F77
- 85887C
Armonie di colore
Complementare +180°
- BBCC11
Green Elisabeth Ⅱ
- C5B1FF
≈ Teasel Dipsacus
Analogo -30° +30°
- BBCC11
Green Elisabeth Ⅱ
- EEB500
≈ Rucksack Tan
- 66DD73
≈ Pastel Green
Triadico +120° +240°
- BBCC11
Green Elisabeth Ⅱ
- 6FCBFF
≈ Skyan
- FF9CC2
≈ Saira Red
Complementare divisa +150° +210°
- BBCC11
Green Elisabeth Ⅱ
- A1BEFF
≈ Pastel Blue
- F992FD
≈ Pinkalicious
Tetradico +90° +180° +270°
- BBCC11
Green Elisabeth Ⅱ
- 00D8EA
≈ Thousand Sons Blue
- C5B1FF
≈ Teasel Dipsacus
- FFA39A
≈ Pink Dream
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.78:1 · APCA Lc 33
Ag
AAASu nero
WCAG 11.75:1 · APCA Lc 70
Miglior colore del testo: #000000
WCAG 11.75:1 (AAA) · APCA Lc 70
Contrast pairs
Frammenti di codice
CSS
:root {
--green-elisabeth-ii: #bbcc11;
--green-elisabeth-ii-rgb: 187 204 17;
--green-elisabeth-ii-oklch: oklch(0.805 0.181 115.7);
}
.element {
color: var(--green-elisabeth-ii);
background-color: hsl(65 85% 43%);
border-color: oklch(0.805 0.181 115.7);
}Tailwind CSS v4
@theme {
--color-green-elisabeth-ii: #bbcc11;
--color-green-elisabeth-ii-50: #f0fdc2;
--color-green-elisabeth-ii-100: #e2f1ac;
--color-green-elisabeth-ii-200: #cedf84;
--color-green-elisabeth-ii-300: #b0c34d;
--color-green-elisabeth-ii-400: #9baa00;
--color-green-elisabeth-ii-500: #839100;
--color-green-elisabeth-ii-600: #6f7b00;
--color-green-elisabeth-ii-700: #596300;
--color-green-elisabeth-ii-800: #434800;
--color-green-elisabeth-ii-900: #2e3200;
--color-green-elisabeth-ii-950: #1b1d00;
}SCSS
$green-elisabeth-ii: #bbcc11;
$green-elisabeth-ii-rgb: 187, 204, 17;
$green-elisabeth-ii-light: mix(#fff, $green-elisabeth-ii, 20%);
$green-elisabeth-ii-dark: mix(#000, $green-elisabeth-ii, 20%);
.element {
color: $green-elisabeth-ii;
box-shadow: 0 0 0 2px rgba($green-elisabeth-ii, 0.35);
}