Couleur nommée la plus proche · #C8A679
#C8A679
Couleur nommée la plus proche: Outback
#C8A679 (rgb(200 166 121), hsl(34 42% 63%), oklch(0.745 0.072 74.1)) est la plus proche de la couleur nommée Outback. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#C8A679
oklch(0.745 0.072 74.1)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- CEAF86
- D3B894
- D9C0A1
- DEC9AE
- E4D2BC
- E9DBC9
- EFE4D6
- F4EDE4
- FAF6F1
Ombres
- AE9068
- 947A58
- 7B6548
- 635139
- 4C3E2B
- 362B1D
- 211A10
- 0F0A05
- 020101
Tons
- C1A27A
- B99E7B
- B29B7C
- AB977D
- A4937E
- 9C8F7E
- 958C7F
- 8E887F
- 878480
Harmonies de couleurs
Complémentaire +180°
- C8A679
Outback
- 8DAFDA
≈ Boy Blue
Analogue -30° +30°
- C8A679
Outback
- D49E87
≈ Orange Maple
- B3AF79
≈ Weeping Willow
Triadique +120° +240°
- C8A679
Outback
- 73BBBA
≈ Aqua Sky
- BD9FCD
≈ Turnip Crown
Complémentaire divisée +150° +210°
- C8A679
Outback
- 79B7CE
≈ Blue Chrysocolla
- A6A7D9
≈ Childish Wonder
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.28:1 · APCA Lc 45
Ag
AAASur noir
WCAG 9.18:1 · APCA Lc 57
Meilleure couleur de texte: #000000
WCAG 9.18:1 (AAA) · APCA Lc 57
Contrast pairs
Extraits de code
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);
}