Màu có tên · #AC9B7B
Getaway
Getaway là #AC9B7B: rgb(172 155 123), hsl(39 23% 58%), oklch(0.696 0.049 83.2). 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 Orange mean? → · Getaway color name →
#AC9B7B
oklch(0.696 0.049 83.2)
Chuyển đổi màu
- HEX
- #ac9b7b
- RGB
- rgb(172 155 123)
- HSL
- hsl(39 23% 58%)
- HWB
- hwb(39 48% 33%)
- OKLCH
- oklch(0.696 0.049 83.2)
- OKLab
- oklab(0.696 0.006 0.048)
- CIE Lab
- lab(64.87 2.75 19.25)
- LCH
- lch(64.87 19.44 81.9)
- CMYK
- cmyk(0% 10% 28% 33%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- B4A588
- BCAE95
- C4B8A1
- CDC2AE
- D5CCBC
- DDD6C9
- E6E0D6
- EEEAE4
- F6F5F1
Sắc đậm
- 95866A
- 7F725A
- 695E4A
- 544B3A
- 40392C
- 2D281E
- 1B1810
- 0B0905
- 010101
Sắc xám
- A8987C
- A3967C
- 9F937D
- 9A907E
- 968E7E
- 918B7F
- 8D887F
- 89857F
- 848380
Hòa sắc
Bổ túc +180°
- AC9B7B
Getaway
- 8D9EBC
≈ Electric Sky
Tương đồng -30° +30°
- AC9B7B
Getaway
- B69581
≈ Caramelised
- 9DA17E
≈ French Parsley
Bộ ba +120° +240°
- AC9B7B
Getaway
- 79A7AB
≈ Pompeius Blue
- AC93AF
≈ Enthroned Above
Bổ túc chia +150° +210°
- AC9B7B
Getaway
- 80A3B7
≈ Lake Okoboji
- 9E98B9
≈ Grape Gatsby
Bộ bốn +90° +180° +270°
- AC9B7B
Getaway
- 7EA89A
≈ Scenario
- 8D9EBC
≈ Electric Sky
- B691A0
≈ Ashberry
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.71:1 · APCA Lc 53
Ag
AAATrên nền đen
WCAG 7.72:1 · APCA Lc 49
Màu chữ tốt nhất: #000000
WCAG 7.72:1 (AAA) · APCA Lc 49
Contrast pairs
Đoạn mã
CSS
:root {
--getaway: #ac9b7b;
--getaway-rgb: 172 155 123;
--getaway-oklch: oklch(0.696 0.049 83.2);
}
.element {
color: var(--getaway);
background-color: hsl(39 23% 58%);
border-color: oklch(0.696 0.049 83.2);
}Tailwind CSS v4
@theme {
--color-getaway: #ac9b7b;
--color-getaway-50: #fcf4e6;
--color-getaway-100: #efe7d6;
--color-getaway-200: #ded3bd;
--color-getaway-300: #c3b69c;
--color-getaway-400: #ad9c7e;
--color-getaway-500: #968461;
--color-getaway-600: #7f6f53;
--color-getaway-700: #665942;
--color-getaway-800: #4b412f;
--color-getaway-900: #342d20;
--color-getaway-950: #201a0f;
}SCSS
$getaway: #ac9b7b;
$getaway-rgb: 172, 155, 123;
$getaway-light: mix(#fff, $getaway, 20%);
$getaway-dark: mix(#000, $getaway, 20%);
.element {
color: $getaway;
box-shadow: 0 0 0 2px rgba($getaway, 0.35);
}