Nazwany kolor · #AC9B7B
Getaway
Getaway to #AC9B7B: rgb(172 155 123), hsl(39 23% 58%), oklch(0.696 0.049 83.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Getaway color name →
#AC9B7B
oklch(0.696 0.049 83.2)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B4A588
- BCAE95
- C4B8A1
- CDC2AE
- D5CCBC
- DDD6C9
- E6E0D6
- EEEAE4
- F6F5F1
Odcienie ciemniejsze
- 95866A
- 7F725A
- 695E4A
- 544B3A
- 40392C
- 2D281E
- 1B1810
- 0B0905
- 010101
Tony
- A8987C
- A3967C
- 9F937D
- 9A907E
- 968E7E
- 918B7F
- 8D887F
- 89857F
- 848380
Harmonie kolorów
Komplementarna +180°
- AC9B7B
Getaway
- 8D9EBC
≈ Electric Sky
Analogowa -30° +30°
- AC9B7B
Getaway
- B69581
≈ Caramelised
- 9DA17E
≈ French Parsley
Triada +120° +240°
- AC9B7B
Getaway
- 79A7AB
≈ Pompeius Blue
- AC93AF
≈ Enthroned Above
Komplementarna rozszczepiona +150° +210°
- AC9B7B
Getaway
- 80A3B7
≈ Lake Okoboji
- 9E98B9
≈ Grape Gatsby
Tetrada +90° +180° +270°
- AC9B7B
Getaway
- 7EA89A
≈ Scenario
- 8D9EBC
≈ Electric Sky
- B691A0
≈ Ashberry
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.71:1 · APCA Lc 53
Ag
AAANa czerni
WCAG 7.72:1 · APCA Lc 49
Najlepszy kolor tekstu: #000000
WCAG 7.72:1 (AAA) · APCA Lc 49
Contrast pairs
Fragmenty kodu
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);
}