Colore con nome · #99C285
Picnic
Picnic è #99C285: rgb(153 194 133), hsl(100 33% 64%), oklch(0.769 0.095 135.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Picnic color name →
#99C285
oklch(0.769 0.095 135.7)
Conversioni di colore
- HEX
- #99c285
- RGB
- rgb(153 194 133)
- HSL
- hsl(100 33% 64%)
- HWB
- hwb(100 52% 24%)
- OKLCH
- oklch(0.769 0.095 135.7)
- OKLab
- oklab(0.769 -0.068 0.066)
- CIE Lab
- lab(74.31 -22.6 26.14)
- LCH
- lch(74.31 34.56 130.8)
- CMYK
- cmyk(21% 0% 31% 24%)
Tinte · Ombre · Toni
Tinte
- A3C891
- ADCE9D
- B7D4A9
- C1DBB6
- CBE1C2
- D6E7CE
- E0EDDA
- EAF3E6
- F5F9F3
Ombre
- 84A873
- 708F61
- 5D7750
- 4A6040
- 384930
- 273421
- 172013
- 080E06
- 010201
Toni
- 97BB85
- 94B585
- 92AE84
- 8FA784
- 8DA184
- 8A9A83
- 889482
- 858D82
- 838781
Armonie di colore
Complementare +180°
- 99C285
Picnic
- CBA2DD
≈ Spring Wisteria
Analogo -30° +30°
- 99C285
Picnic
- BCB86F
≈ Golden Cartridge
- 76C7A6
≈ Gem Silica
Triadico +120° +240°
- 99C285
Picnic
- 8CB7F0
≈ Electric Eel
- EA9BA0
≈ Pink Floyd
Complementare divisa +150° +210°
- 99C285
Picnic
- AEABEE
≈ Maximum Blue Purple
- E09BC1
≈ Lilac Chiffon
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.01:1 · APCA Lc 39
Ag
AAASu nero
WCAG 10.40:1 · APCA Lc 63
Miglior colore del testo: #000000
WCAG 10.40:1 (AAA) · APCA Lc 63
Contrast pairs
Frammenti di codice
CSS
:root {
--picnic: #99c285;
--picnic-rgb: 153 194 133;
--picnic-oklch: oklch(0.769 0.095 135.7);
}
.element {
color: var(--picnic);
background-color: hsl(100 33% 64%);
border-color: oklch(0.769 0.095 135.7);
}Tailwind CSS v4
@theme {
--color-picnic: #99c285;
--color-picnic-50: #e9fce2;
--color-picnic-100: #d9f0d1;
--color-picnic-200: #c1deb7;
--color-picnic-300: #a0c394;
--color-picnic-400: #85ab73;
--color-picnic-500: #699453;
--color-picnic-600: #597d47;
--color-picnic-700: #476438;
--color-picnic-800: #354927;
--color-picnic-900: #24331a;
--color-picnic-950: #131f0a;
}SCSS
$picnic: #99c285;
$picnic-rgb: 153, 194, 133;
$picnic-light: mix(#fff, $picnic, 20%);
$picnic-dark: mix(#000, $picnic, 20%);
.element {
color: $picnic;
box-shadow: 0 0 0 2px rgba($picnic, 0.35);
}