Dichtstbijzijnde benoemde kleur · #C8A679
#C8A679
Dichtstbijzijnde benoemde kleur: Outback
#C8A679 (rgb(200 166 121), hsl(34 42% 63%), oklch(0.745 0.072 74.1)) komt het dichtst bij de benoemde kleur Outback. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#C8A679
oklch(0.745 0.072 74.1)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- CEAF86
- D3B894
- D9C0A1
- DEC9AE
- E4D2BC
- E9DBC9
- EFE4D6
- F4EDE4
- FAF6F1
Schaduwen
- AE9068
- 947A58
- 7B6548
- 635139
- 4C3E2B
- 362B1D
- 211A10
- 0F0A05
- 020101
Tonen
- C1A27A
- B99E7B
- B29B7C
- AB977D
- A4937E
- 9C8F7E
- 958C7F
- 8E887F
- 878480
Kleurharmonieën
Complementair +180°
- C8A679
Outback
- 8DAFDA
≈ Boy Blue
Analoog -30° +30°
- C8A679
Outback
- D49E87
≈ Orange Maple
- B3AF79
≈ Weeping Willow
Triadisch +120° +240°
- C8A679
Outback
- 73BBBA
≈ Aqua Sky
- BD9FCD
≈ Turnip Crown
Gesplitst complementair +150° +210°
- C8A679
Outback
- 79B7CE
≈ Blue Chrysocolla
- A6A7D9
≈ Childish Wonder
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.28:1 · APCA Lc 45
Ag
AAAOp zwart
WCAG 9.18:1 · APCA Lc 57
Beste tekstkleur: #000000
WCAG 9.18:1 (AAA) · APCA Lc 57
Contrast pairs
Codefragmenten
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);
}