Colore con nome · #A28B7E
Soft Impala
Soft Impala è #A28B7E: rgb(162 139 126), hsl(22 16% 56%), oklch(0.654 0.034 51.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Soft Impala color name →
#A28B7E
oklch(0.654 0.034 51.3)
Conversioni di colore
- HEX
- #a28b7e
- RGB
- rgb(162 139 126)
- HSL
- hsl(22 16% 56%)
- HWB
- hwb(22 49% 36%)
- OKLCH
- oklch(0.654 0.034 51.3)
- OKLab
- oklab(0.654 0.021 0.026)
- CIE Lab
- lab(59.72 7.4 10.36)
- LCH
- lch(59.72 12.73 54.5)
- CMYK
- cmyk(0% 14% 22% 36%)
Tinte · Ombre · Toni
Tinte
- AB968A
- B4A197
- BDADA3
- C7B8B0
- D0C4BD
- D9CFCA
- E3DBD7
- ECE7E4
- F5F3F1
Ombre
- 8C786D
- 77665C
- 63544C
- 4F433C
- 3C322D
- 2A231F
- 191411
- 0A0705
- 010101
Toni
- 9F8A7E
- 9B897F
- 98887F
- 94877F
- 91867F
- 8E847F
- 8A8380
- 878280
- 838180
Armonie di colore
Complementare +180°
- A28B7E
Soft Impala
- 7C95A2
≈ Poolhouse
Analogo -30° +30°
- A28B7E
Soft Impala
- A48987
≈ Rosaline Pearl
- 9B8F79
≈ Lost Canyon
Triadico +120° +240°
- A28B7E
Soft Impala
- 7C978E
≈ Azores
- 908DA4
≈ Antique Viola
Complementare divisa +150° +210°
- A28B7E
Soft Impala
- 799799
≈ Undertow
- 8591A6
≈ Blueberry Soda
Tetradico +90° +180° +270°
- A28B7E
Soft Impala
- 859683
≈ Pointed Cabbage Green
- 7C95A2
≈ Poolhouse
- 9A8A9D
≈ Eccentricity
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.21:1 · APCA Lc 59
Ag
AASu nero
WCAG 6.53:1 · APCA Lc 42
Miglior colore del testo: #000000
WCAG 6.53:1 (AA) · APCA Lc 42
Contrast pairs
Frammenti di codice
CSS
:root {
--soft-impala: #a28b7e;
--soft-impala-rgb: 162 139 126;
--soft-impala-oklch: oklch(0.654 0.034 51.3);
}
.element {
color: var(--soft-impala);
background-color: hsl(22 16% 56%);
border-color: oklch(0.654 0.034 51.3);
}Tailwind CSS v4
@theme {
--color-soft-impala: #a28b7e;
--color-soft-impala-50: #fdf3ec;
--color-soft-impala-100: #f2e5de;
--color-soft-impala-200: #e1d1c7;
--color-soft-impala-300: #c6b3a8;
--color-soft-impala-400: #b0998d;
--color-soft-impala-500: #998072;
--color-soft-impala-600: #826d61;
--color-soft-impala-700: #68574d;
--color-soft-impala-800: #4c3f38;
--color-soft-impala-900: #352b26;
--color-soft-impala-950: #201915;
}SCSS
$soft-impala: #a28b7e;
$soft-impala-rgb: 162, 139, 126;
$soft-impala-light: mix(#fff, $soft-impala, 20%);
$soft-impala-dark: mix(#000, $soft-impala, 20%);
.element {
color: $soft-impala;
box-shadow: 0 0 0 2px rgba($soft-impala, 0.35);
}