Màu có tên · #A28B7E
Soft Impala
Soft Impala là #A28B7E: rgb(162 139 126), hsl(22 16% 56%), oklch(0.654 0.034 51.3). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Gray mean? → · Soft Impala color name →
#A28B7E
oklch(0.654 0.034 51.3)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- AB968A
- B4A197
- BDADA3
- C7B8B0
- D0C4BD
- D9CFCA
- E3DBD7
- ECE7E4
- F5F3F1
Sắc đậm
- 8C786D
- 77665C
- 63544C
- 4F433C
- 3C322D
- 2A231F
- 191411
- 0A0705
- 010101
Sắc xám
- 9F8A7E
- 9B897F
- 98887F
- 94877F
- 91867F
- 8E847F
- 8A8380
- 878280
- 838180
Hòa sắc
Bổ túc +180°
- A28B7E
Soft Impala
- 7C95A2
≈ Poolhouse
Tương đồng -30° +30°
- A28B7E
Soft Impala
- A48987
≈ Rosaline Pearl
- 9B8F79
≈ Lost Canyon
Bộ ba +120° +240°
- A28B7E
Soft Impala
- 7C978E
≈ Azores
- 908DA4
≈ Antique Viola
Bổ túc chia +150° +210°
- A28B7E
Soft Impala
- 799799
≈ Undertow
- 8591A6
≈ Blueberry Soda
Bộ bốn +90° +180° +270°
- A28B7E
Soft Impala
- 859683
≈ Pointed Cabbage Green
- 7C95A2
≈ Poolhouse
- 9A8A9D
≈ Eccentricity
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.21:1 · APCA Lc 59
Ag
AATrên nền đen
WCAG 6.53:1 · APCA Lc 42
Màu chữ tốt nhất: #000000
WCAG 6.53:1 (AA) · APCA Lc 42
Contrast pairs
Đoạn mã
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);
}