Colore con nome · #C6F808
Green Yellow
Green Yellow è #C6F808: rgb(198 248 8), hsl(73 94% 50%), oklch(0.911 0.223 123.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Green Yellow color name →
#C6F808
oklch(0.911 0.223 123.2)
Conversioni di colore
- HEX
- #c6f808
- RGB
- rgb(198 248 8)
- HSL
- hsl(73 94% 50%)
- HWB
- hwb(73 3% 3%)
- OKLCH
- oklch(0.911 0.223 123.2)
- OKLab
- oklab(0.911 -0.122 0.187)
- CIE Lab
- lab(91.63 -35.13 86.35)
- LCH
- lch(91.63 93.22 112.1)
- CMYK
- cmyk(20% 0% 97% 3%)
Tinte · Ombre · Toni
Tinte
- CBF949
- D1FB67
- D6FC80
- DCFD95
- E2FDA9
- E7FEBB
- EDFECD
- F3FFDE
- F9FFEF
Ombre
- ACD806
- 92B804
- 7A9A03
- 627C02
- 4B6001
- 354501
- 212C00
- 0E1500
- 020300
Toni
- BFEC36
- B7E04A
- B0D357
- A9C761
- A2BB6A
- 9BB070
- 94A475
- 8D987A
- 878C7D
Armonie di colore
Complementare +180°
- C6F808
Green Yellow
- E8DAFF
≈ Lavender Savour
Analogo -30° +30°
- C6F808
Green Yellow
- FFE076
≈ Summer Daffodil
- 8AFFB1
≈ Foam Green
Triadico +120° +240°
- C6F808
Green Yellow
- C8E6FF
≈ Icy Landscape
- FFD5DE
≈ No Need to Blush
Complementare divisa +150° +210°
- C6F808
Green Yellow
- D8E0FF
≈ Contrail
- FFD1F6
≈ Shampoo
Tetradico +90° +180° +270°
- C6F808
Green Yellow
- A8EFFF
≈ Beyond the Clouds
- E8DAFF
≈ Lavender Savour
- FFD7CE
≈ Shy Girl
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.24:1 · APCA Lc 12
Ag
AAASu nero
WCAG 16.83:1 · APCA Lc 92
Miglior colore del testo: #000000
WCAG 16.83:1 (AAA) · APCA Lc 92
Contrast pairs
Frammenti di codice
CSS
:root {
--green-yellow: #c6f808;
--green-yellow-rgb: 198 248 8;
--green-yellow-oklch: oklch(0.911 0.223 123.2);
}
.element {
color: var(--green-yellow);
background-color: hsl(73 94% 50%);
border-color: oklch(0.911 0.223 123.2);
}Tailwind CSS v4
@theme {
--color-green-yellow: #c6f808;
--color-green-yellow-50: #e6ffbb;
--color-green-yellow-100: #d6f6a3;
--color-green-yellow-200: #bee576;
--color-green-yellow-300: #9dca33;
--color-green-yellow-400: #86b100;
--color-green-yellow-500: #6c9900;
--color-green-yellow-600: #5b8200;
--color-green-yellow-700: #496800;
--color-green-yellow-800: #384b00;
--color-green-yellow-900: #263400;
--color-green-yellow-950: #151f00;
}SCSS
$green-yellow: #c6f808;
$green-yellow-rgb: 198, 248, 8;
$green-yellow-light: mix(#fff, $green-yellow, 20%);
$green-yellow-dark: mix(#000, $green-yellow, 20%);
.element {
color: $green-yellow;
box-shadow: 0 0 0 2px rgba($green-yellow, 0.35);
}