Colore con nome più vicino · #3B8624
#3B8624
Colore con nome più vicino: La Palma
#3B8624 (rgb(59 134 36), hsl(106 58% 33%), oklch(0.552 0.152 139.4)) è più vicino al colore con nome La Palma. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#3B8624
oklch(0.552 0.152 139.4)
Conversioni di colore
- HEX
- #3b8624
- RGB
- rgb(59 134 36)
- HSL
- hsl(106 58% 33%)
- HWB
- hwb(106 14% 47%)
- OKLCH
- oklch(0.552 0.152 139.4)
- OKLab
- oklab(0.552 -0.115 0.099)
- CIE Lab
- lab(49.7 -38.22 42.64)
- LCH
- lch(49.7 57.27 131.9)
- CMYK
- cmyk(56% 0% 73% 47%)
Tinte · Ombre · Toni
Tinte
- 50923E
- 649E55
- 77AA6A
- 8AB67F
- 9DC294
- B1CEA9
- C4DBBE
- D7E7D4
- EBF3E9
Ombre
- 32741E
- 296218
- 215112
- 19400C
- 113007
- 092104
- 041302
- 010600
- 000100
Toni
- 448632
- 4C863D
- 548547
- 5B8550
- 628459
- 688461
- 6E8369
- 748271
- 7A8178
Armonie di colore
Complementare +180°
- 3B8624
La Palma
- 9750A9
≈ Purpureus
Analogo -30° +30°
- 3B8624
La Palma
- 787700
≈ Mongolian Plateau
- 008667
≈ Spectral Green
Triadico +120° +240°
- 3B8624
La Palma
- 376FC9
≈ Han Blue
- BA444D
≈ Dusty Red
Complementare divisa +150° +210°
- 3B8624
La Palma
- 725EC3
≈ Fuchsia Blue
- AF467F
≈ Mystic Maroon
Tetradico +90° +180° +270°
- 3B8624
La Palma
- 007DA5
≈ Celadon Blue
- 9750A9
≈ Purpureus
- B35200
≈ Skrag Brown
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.54:1 · APCA Lc 71
Ag
AASu nero
WCAG 4.62:1 · APCA Lc 30
Miglior colore del testo: #000000
WCAG 4.62:1 (AA) · APCA Lc 30
Contrast pairs
Frammenti di codice
CSS
:root {
--la-palma: #3b8624;
--la-palma-rgb: 59 134 36;
--la-palma-oklch: oklch(0.552 0.152 139.4);
}
.element {
color: var(--la-palma);
background-color: hsl(106 58% 33%);
border-color: oklch(0.552 0.152 139.4);
}Tailwind CSS v4
@theme {
--color-la-palma: #3b8624;
--color-la-palma-50: #deffd8;
--color-la-palma-100: #ccf5c6;
--color-la-palma-200: #b0e5a8;
--color-la-palma-300: #8acb81;
--color-la-palma-400: #6cb359;
--color-la-palma-500: #489d2f;
--color-la-palma-600: #3e852a;
--color-la-palma-700: #326a21;
--color-la-palma-800: #264e13;
--color-la-palma-900: #19360c;
--color-la-palma-950: #0a2101;
}SCSS
$la-palma: #3b8624;
$la-palma-rgb: 59, 134, 36;
$la-palma-light: mix(#fff, $la-palma, 20%);
$la-palma-dark: mix(#000, $la-palma, 20%);
.element {
color: $la-palma;
box-shadow: 0 0 0 2px rgba($la-palma, 0.35);
}