最接近的命名颜色 · #C8A679
#C8A679
最接近的命名颜色: Outback
#C8A679（rgb(200 166 121)、hsl(34 42% 63%)、oklch(0.745 0.072 74.1)）最接近命名颜色 Outback。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#C8A679
oklch(0.745 0.072 74.1)
颜色转换
- 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%)
浅色调 · 深色调 · 灰色调
浅色调
- CEAF86
- D3B894
- D9C0A1
- DEC9AE
- E4D2BC
- E9DBC9
- EFE4D6
- F4EDE4
- FAF6F1
深色调
- AE9068
- 947A58
- 7B6548
- 635139
- 4C3E2B
- 362B1D
- 211A10
- 0F0A05
- 020101
灰色调
- C1A27A
- B99E7B
- B29B7C
- AB977D
- A4937E
- 9C8F7E
- 958C7F
- 8E887F
- 878480
配色和谐
互补色 +180°
- C8A679
Outback
- 8DAFDA
≈ Boy Blue
类似色 -30° +30°
- C8A679
Outback
- D49E87
≈ Orange Maple
- B3AF79
≈ Weeping Willow
三角配色 +120° +240°
- C8A679
Outback
- 73BBBA
≈ Aqua Sky
- BD9FCD
≈ Turnip Crown
分裂互补色 +150° +210°
- C8A679
Outback
- 79B7CE
≈ Blue Chrysocolla
- A6A7D9
≈ Childish Wonder
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 2.28:1 · APCA Lc 45
Ag
AAA黑底
WCAG 9.18:1 · APCA Lc 57
最佳文字颜色: #000000
WCAG 9.18:1 (AAA) · APCA Lc 57
Contrast pairs
代码片段
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);
}