Nazwany kolor · #99C285
Picnic
Picnic to #99C285: rgb(153 194 133), hsl(100 33% 64%), oklch(0.769 0.095 135.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Picnic color name →
#99C285
oklch(0.769 0.095 135.7)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A3C891
- ADCE9D
- B7D4A9
- C1DBB6
- CBE1C2
- D6E7CE
- E0EDDA
- EAF3E6
- F5F9F3
Odcienie ciemniejsze
- 84A873
- 708F61
- 5D7750
- 4A6040
- 384930
- 273421
- 172013
- 080E06
- 010201
Tony
- 97BB85
- 94B585
- 92AE84
- 8FA784
- 8DA184
- 8A9A83
- 889482
- 858D82
- 838781
Harmonie kolorów
Komplementarna +180°
- 99C285
Picnic
- CBA2DD
≈ Spring Wisteria
Analogowa -30° +30°
- 99C285
Picnic
- BCB86F
≈ Golden Cartridge
- 76C7A6
≈ Gem Silica
Triada +120° +240°
- 99C285
Picnic
- 8CB7F0
≈ Electric Eel
- EA9BA0
≈ Pink Floyd
Komplementarna rozszczepiona +150° +210°
- 99C285
Picnic
- AEABEE
≈ Maximum Blue Purple
- E09BC1
≈ Lilac Chiffon
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.01:1 · APCA Lc 39
Ag
AAANa czerni
WCAG 10.40:1 · APCA Lc 63
Najlepszy kolor tekstu: #000000
WCAG 10.40:1 (AAA) · APCA Lc 63
Contrast pairs
Fragmenty kodu
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);
}