Colore con nome · #19A700
Peter Pan
Peter Pan è #19A700: rgb(25 167 0), hsl(111 100% 33%), oklch(0.633 0.212 141.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Peter Pan color name →
#19A700
oklch(0.633 0.212 141.8)
Conversioni di colore
- HEX
- #19a700
- RGB
- rgb(25 167 0)
- HSL
- hsl(111 100% 33%)
- HWB
- hwb(111 0% 35%)
- OKLCH
- oklch(0.633 0.212 141.8)
- OKLab
- oklab(0.633 -0.166 0.131)
- CIE Lab
- lab(59.82 -56.06 59.25)
- LCH
- lch(59.82 81.57 133.4)
- CMYK
- cmyk(85% 0% 100% 35%)
Tinte · Ombre · Toni
Tinte
- 40B035
- 5BBA50
- 72C368
- 87CC7F
- 9CD595
- B0DDAA
- C4E6BF
- D8EED4
- EBF7EA
Ombre
- 149100
- 107B00
- 0B6600
- 075200
- 043E00
- 022C00
- 011A00
- 000A00
- 000100
Toni
- 31A425
- 40A036
- 4C9D43
- 56994F
- 5F9558
- 679161
- 6E8D6A
- 748971
- 7A8579
Armonie di colore
Complementare +180°
- 19A700
Peter Pan
- C252D5
≈ Medium Orchid
Analogo -30° +30°
- 19A700
Peter Pan
- 8D9100
≈ Old Asparagus
- 00A281
≈ Sport Green
Triadico +120° +240°
- 19A700
Peter Pan
- 4283FF
≈ Dodger Blue
- EF3E4C
≈ Vineyard Autumn
Complementare divisa +150° +210°
- 19A700
Peter Pan
- 9068FD
≈ Purple Anemone
- E24198
≈ Prunus Avium
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.19:1 · APCA Lc 58
Ag
AASu nero
WCAG 6.56:1 · APCA Lc 43
Miglior colore del testo: #000000
WCAG 6.56:1 (AA) · APCA Lc 43
Contrast pairs
Frammenti di codice
CSS
:root {
--peter-pan: #19a700;
--peter-pan-rgb: 25 167 0;
--peter-pan-oklch: oklch(0.633 0.212 141.8);
}
.element {
color: var(--peter-pan);
background-color: hsl(111 100% 33%);
border-color: oklch(0.633 0.212 141.8);
}Tailwind CSS v4
@theme {
--color-peter-pan: #19a700;
--color-peter-pan-50: #d1ffcf;
--color-peter-pan-100: #bdfbbb;
--color-peter-pan-200: #9bec99;
--color-peter-pan-300: #6cd36c;
--color-peter-pan-400: #43bb36;
--color-peter-pan-500: #00a500;
--color-peter-pan-600: #008c00;
--color-peter-pan-700: #007000;
--color-peter-pan-800: #065200;
--color-peter-pan-900: #053900;
--color-peter-pan-950: #002300;
}SCSS
$peter-pan: #19a700;
$peter-pan-rgb: 25, 167, 0;
$peter-pan-light: mix(#fff, $peter-pan, 20%);
$peter-pan-dark: mix(#000, $peter-pan, 20%);
.element {
color: $peter-pan;
box-shadow: 0 0 0 2px rgba($peter-pan, 0.35);
}