Colore con nome · #7EB394
Padua
Padua è #7EB394: rgb(126 179 148), hsl(145 26% 60%), oklch(0.721 0.072 158.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Padua color name →
#7EB394
oklch(0.721 0.072 158.3)
Conversioni di colore
- HEX
- #7eb394
- RGB
- rgb(126 179 148)
- HSL
- hsl(145 26% 60%)
- HWB
- hwb(145 49% 30%)
- OKLCH
- oklch(0.721 0.072 158.3)
- OKLab
- oklab(0.721 -0.067 0.027)
- CIE Lab
- lab(68.57 -23.13 10.04)
- LCH
- lch(68.57 25.22 156.5)
- CMYK
- cmyk(30% 0% 17% 30%)
Tinte · Ombre · Toni
Tinte
- 8BBB9E
- 98C2A9
- A5CAB3
- B2D1BE
- BED9C8
- CBE0D3
- D8E8DE
- E5F0E9
- F2F7F4
Ombre
- 6D9B80
- 5C846D
- 4C6E5A
- 3C5848
- 2D4336
- 1F2F26
- 111D16
- 050C08
- 010101
Toni
- 7FAE92
- 7FA990
- 80A48E
- 809E8C
- 80998A
- 819488
- 818F86
- 818A84
- 808582
Armonie di colore
Complementare +180°
- 7EB394
Padua
- C394B4
≈ Mauve Magic
Analogo -30° +30°
- 7EB394
Padua
- 97AE7D
≈ Siamese Green
- 6DB4AD
≈ Veranda Blue
Triadico +120° +240°
Complementare divisa +150° +210°
- 7EB394
Padua
- B299C8
≈ Atlantic Tulip
- CD929C
≈ Rosetti
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.39:1 · APCA Lc 47
Ag
AAASu nero
WCAG 8.76:1 · APCA Lc 55
Miglior colore del testo: #000000
WCAG 8.76:1 (AAA) · APCA Lc 55
Contrast pairs
Frammenti di codice
CSS
:root {
--padua: #7eb394;
--padua-rgb: 126 179 148;
--padua-oklch: oklch(0.721 0.072 158.3);
}
.element {
color: var(--padua);
background-color: hsl(145 26% 60%);
border-color: oklch(0.721 0.072 158.3);
}Tailwind CSS v4
@theme {
--color-padua: #7eb394;
--color-padua-50: #e4fcee;
--color-padua-100: #d4f0e0;
--color-padua-200: #bbdeca;
--color-padua-300: #98c3ab;
--color-padua-400: #7aac8f;
--color-padua-500: #5b9574;
--color-padua-600: #4d7e62;
--color-padua-700: #3e654f;
--color-padua-800: #2d4a38;
--color-padua-900: #1e3326;
--color-padua-950: #0e1f15;
}SCSS
$padua: #7eb394;
$padua-rgb: 126, 179, 148;
$padua-light: mix(#fff, $padua, 20%);
$padua-dark: mix(#000, $padua, 20%);
.element {
color: $padua;
box-shadow: 0 0 0 2px rgba($padua, 0.35);
}