Colore con nome · #529D6E
Basil Pesto
Basil Pesto è #529D6E: rgb(82 157 110), hsl(142 31% 47%), oklch(0.635 0.104 154.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Basil Pesto color name →
#529D6E
oklch(0.635 0.104 154.6)
Conversioni di colore
- HEX
- #529d6e
- RGB
- rgb(82 157 110)
- HSL
- hsl(142 31% 47%)
- HWB
- hwb(142 32% 38%)
- OKLCH
- oklch(0.635 0.104 154.6)
- OKLab
- oklab(0.635 -0.094 0.045)
- CIE Lab
- lab(58.97 -32.72 17.16)
- LCH
- lch(58.97 36.95 152.3)
- CMYK
- cmyk(48% 0% 30% 38%)
Tinte · Ombre · Toni
Tinte
- 65A77C
- 76B08A
- 88BA98
- 99C4A6
- AACEB5
- BBD8C3
- CCE1D2
- DDEBE1
- EEF5F0
Ombre
- 46885F
- 3B7350
- 2F5F41
- 254C33
- 1A3A26
- 112819
- 08180E
- 020904
- 000101
Toni
- 589A70
- 5E9772
- 639574
- 689276
- 6D8F78
- 718C79
- 75897B
- 79867D
- 7D837E
Armonie di colore
Complementare +180°
- 529D6E
Basil Pesto
- B172A4
≈ Orchid Kiss
Analogo -30° +30°
- 529D6E
Basil Pesto
- 7D954C
≈ Emerald Shimmer
- 249F92
≈ Alhambra
Triadico +120° +240°
- 529D6E
Basil Pesto
- 7885C9
≈ Twilight Twinkle
- C1725F
≈ Cajun Spice
Complementare divisa +150° +210°
- 529D6E
Basil Pesto
- 997ABD
≈ Lavender Purple
- BF6F82
≈ Briar Rose
Tetradico +90° +180° +270°
- 529D6E
Basil Pesto
- 4F91C5
≈ Azure Blue
- B172A4
≈ Orchid Kiss
- B67C42
≈ Spruce Yellow
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.27:1 · APCA Lc 60
Ag
AASu nero
WCAG 6.40:1 · APCA Lc 42
Miglior colore del testo: #000000
WCAG 6.40:1 (AA) · APCA Lc 42
Contrast pairs
Frammenti di codice
CSS
:root {
--basil-pesto: #529d6e;
--basil-pesto-rgb: 82 157 110;
--basil-pesto-oklch: oklch(0.635 0.104 154.6);
}
.element {
color: var(--basil-pesto);
background-color: hsl(142 31% 47%);
border-color: oklch(0.635 0.104 154.6);
}Tailwind CSS v4
@theme {
--color-basil-pesto: #529d6e;
--color-basil-pesto-50: #deffe9;
--color-basil-pesto-100: #cdf3da;
--color-basil-pesto-200: #b1e2c2;
--color-basil-pesto-300: #8bc8a2;
--color-basil-pesto-400: #6ab183;
--color-basil-pesto-500: #459a67;
--color-basil-pesto-600: #3c8257;
--color-basil-pesto-700: #2f6846;
--color-basil-pesto-800: #234d31;
--color-basil-pesto-900: #173521;
--color-basil-pesto-950: #082010;
}SCSS
$basil-pesto: #529d6e;
$basil-pesto-rgb: 82, 157, 110;
$basil-pesto-light: mix(#fff, $basil-pesto, 20%);
$basil-pesto-dark: mix(#000, $basil-pesto, 20%);
.element {
color: $basil-pesto;
box-shadow: 0 0 0 2px rgba($basil-pesto, 0.35);
}