Colore con nome · #A28C82
Portobello
Portobello è #A28C82: rgb(162 140 130), hsl(19 15% 57%), oklch(0.657 0.03 45.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Portobello color name →
#A28C82
oklch(0.657 0.03 45.9)
Conversioni di colore
- HEX
- #a28c82
- RGB
- rgb(162 140 130)
- HSL
- hsl(19 15% 57%)
- HWB
- hwb(19 51% 36%)
- OKLCH
- oklch(0.657 0.03 45.9)
- OKLab
- oklab(0.657 0.021 0.022)
- CIE Lab
- lab(60.06 7.33 8.58)
- LCH
- lch(60.06 11.28 49.5)
- CMYK
- cmyk(0% 14% 20% 36%)
Tinte · Ombre · Toni
Tinte
- AB978E
- B4A29A
- BDADA6
- C7B9B2
- D0C4BF
- D9D0CB
- E3DBD8
- ECE7E5
- F5F3F2
Ombre
- 8C7970
- 77675F
- 63554E
- 4F433E
- 3C332F
- 2A2320
- 191412
- 0A0706
- 010101
Toni
- 9F8B82
- 9B8A82
- 988881
- 948781
- 918681
- 8E8581
- 8A8481
- 878280
- 838180
Armonie di colore
Complementare +180°
- A28C82
Portobello
- 7E96A0
≈ Kingfisher Grey
Analogo -30° +30°
- A28C82
Portobello
- A38A8B
≈ Tin Pink
- 9C8F7D
≈ Chinchilla
Triadico +120° +240°
- A28C82
Portobello
- 80988D
≈ Paradise Found
- 8F8FA4
≈ Cotton Flannel
Complementare divisa +150° +210°
- A28C82
Portobello
- 7C9797
≈ Green Granite
- 8593A4
≈ Fantasy Grey
Tetradico +90° +180° +270°
- A28C82
Portobello
- 899683
≈ Aloe Tip
- 7E96A0
≈ Kingfisher Grey
- 998C9E
≈ Gentle Mauve
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.17:1 · APCA Lc 59
Ag
AASu nero
WCAG 6.60:1 · APCA Lc 43
Miglior colore del testo: #000000
WCAG 6.60:1 (AA) · APCA Lc 43
Contrast pairs
Frammenti di codice
CSS
:root {
--portobello: #a28c82;
--portobello-rgb: 162 140 130;
--portobello-oklch: oklch(0.657 0.03 45.9);
}
.element {
color: var(--portobello);
background-color: hsl(19 15% 57%);
border-color: oklch(0.657 0.03 45.9);
}Tailwind CSS v4
@theme {
--color-portobello: #a28c82;
--color-portobello-50: #fdf3ee;
--color-portobello-100: #f1e5df;
--color-portobello-200: #e0d1c9;
--color-portobello-300: #c5b3aa;
--color-portobello-400: #af9990;
--color-portobello-500: #988076;
--color-portobello-600: #816d64;
--color-portobello-700: #675750;
--color-portobello-800: #4c3f3a;
--color-portobello-900: #352c28;
--color-portobello-950: #201916;
}SCSS
$portobello: #a28c82;
$portobello-rgb: 162, 140, 130;
$portobello-light: mix(#fff, $portobello, 20%);
$portobello-dark: mix(#000, $portobello, 20%);
.element {
color: $portobello;
box-shadow: 0 0 0 2px rgba($portobello, 0.35);
}