Najbliższy nazwany kolor · #C8A679
#C8A679
Najbliższy nazwany kolor: Outback
#C8A679 (rgb(200 166 121), hsl(34 42% 63%), oklch(0.745 0.072 74.1)) jest najbliższy nazwanemu kolorowi Outback. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#C8A679
oklch(0.745 0.072 74.1)
Konwersje koloru
- HEX
- #c8a679
- RGB
- rgb(200 166 121)
- HSL
- hsl(34 42% 63%)
- HWB
- hwb(34 47% 22%)
- OKLCH
- oklch(0.745 0.072 74.1)
- OKLab
- oklab(0.745 0.02 0.069)
- CIE Lab
- lab(70.42 8.34 28.24)
- LCH
- lch(70.42 29.45 73.5)
- CMYK
- cmyk(0% 17% 40% 22%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CEAF86
- D3B894
- D9C0A1
- DEC9AE
- E4D2BC
- E9DBC9
- EFE4D6
- F4EDE4
- FAF6F1
Odcienie ciemniejsze
- AE9068
- 947A58
- 7B6548
- 635139
- 4C3E2B
- 362B1D
- 211A10
- 0F0A05
- 020101
Tony
- C1A27A
- B99E7B
- B29B7C
- AB977D
- A4937E
- 9C8F7E
- 958C7F
- 8E887F
- 878480
Harmonie kolorów
Komplementarna +180°
- C8A679
Outback
- 8DAFDA
≈ Boy Blue
Analogowa -30° +30°
- C8A679
Outback
- D49E87
≈ Orange Maple
- B3AF79
≈ Weeping Willow
Triada +120° +240°
- C8A679
Outback
- 73BBBA
≈ Aqua Sky
- BD9FCD
≈ Turnip Crown
Komplementarna rozszczepiona +150° +210°
- C8A679
Outback
- 79B7CE
≈ Blue Chrysocolla
- A6A7D9
≈ Childish Wonder
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.28:1 · APCA Lc 45
Ag
AAANa czerni
WCAG 9.18:1 · APCA Lc 57
Najlepszy kolor tekstu: #000000
WCAG 9.18:1 (AAA) · APCA Lc 57
Contrast pairs
Fragmenty kodu
CSS
:root {
--outback: #c8a679;
--outback-rgb: 200 166 121;
--outback-oklch: oklch(0.745 0.072 74.1);
}
.element {
color: var(--outback);
background-color: hsl(34 42% 63%);
border-color: oklch(0.745 0.072 74.1);
}Tailwind CSS v4
@theme {
--color-outback: #c8a679;
--color-outback-50: #fff3df;
--color-outback-100: #f6e5ce;
--color-outback-200: #e6d1b3;
--color-outback-300: #cdb38e;
--color-outback-400: #b8986e;
--color-outback-500: #a37f4e;
--color-outback-600: #8a6c43;
--color-outback-700: #6e5635;
--color-outback-800: #523e25;
--color-outback-900: #392b19;
--color-outback-950: #23180a;
}SCSS
$outback: #c8a679;
$outback-rgb: 200, 166, 121;
$outback-light: mix(#fff, $outback, 20%);
$outback-dark: mix(#000, $outback, 20%);
.element {
color: $outback;
box-shadow: 0 0 0 2px rgba($outback, 0.35);
}