命名颜色 · #C19F6E
Empire Gold
Empire Gold 即 #C19F6E：rgb(193 159 110)、hsl(35 40% 59%)、oklch(0.722 0.077 76.2)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Orange mean? → · Empire Gold color name →
#C19F6E
oklch(0.722 0.077 76.2)
颜色转换
- HEX
- #c19f6e
- RGB
- rgb(193 159 110)
- HSL
- hsl(35 40% 59%)
- HWB
- hwb(35 43% 24%)
- OKLCH
- oklch(0.722 0.077 76.2)
- OKLab
- oklab(0.722 0.018 0.074)
- CIE Lab
- lab(67.77 8.16 30.53)
- LCH
- lch(67.77 31.6 75)
- CMYK
- cmyk(0% 18% 43% 24%)
浅色调 · 深色调 · 灰色调
浅色调
- C7A87D
- CDB28B
- D4BB99
- DAC5A8
- E0CEB6
- E6D8C4
- ECE2D3
- F3EBE2
- F9F5F0
深色调
- A78A5F
- 8F7550
- 776141
- 5F4D33
- 493B26
- 342919
- 20180E
- 0E0904
- 020101
灰色调
- BA9C70
- B49973
- AD9675
- A79377
- A09079
- 9A8D7A
- 938A7C
- 8D867D
- 86837F
配色和谐
互补色 +180°
- C19F6E
Empire Gold
- 86A7D5
≈ Placid Blue
类似色 -30° +30°
- C19F6E
Empire Gold
- CE977C
≈ Tawny Amber
- ABA970
≈ Cardamom
三角配色 +120° +240°
- C19F6E
Empire Gold
- 67B4B5
≈ Dexter
- B897C6
≈ Atlantic Tulip
分裂互补色 +150° +210°
- C19F6E
Empire Gold
- 6FAFCA
≈ Aspara
- A19ED4
≈ Wistful
四角配色 +90° +180° +270°
- C19F6E
Empire Gold
- 75B59A
≈ Padua
- 86A7D5
≈ Placid Blue
- C992AF
≈ Bossy-Pants Pink
对比度与无障碍
Ag
Fail白底
WCAG 2.48:1 · APCA Lc 49
Ag
AAA黑底
WCAG 8.45:1 · APCA Lc 53
最佳文字颜色: #000000
WCAG 8.45:1 (AAA) · APCA Lc 53
Contrast pairs
代码片段
CSS
:root {
--empire-gold: #c19f6e;
--empire-gold-rgb: 193 159 110;
--empire-gold-oklch: oklch(0.722 0.077 76.2);
}
.element {
color: var(--empire-gold);
background-color: hsl(35 40% 59%);
border-color: oklch(0.722 0.077 76.2);
}Tailwind CSS v4
@theme {
--color-empire-gold: #c19f6e;
--color-empire-gold-50: #fff3dd;
--color-empire-gold-100: #f6e5cc;
--color-empire-gold-200: #e7d1b0;
--color-empire-gold-300: #cdb38b;
--color-empire-gold-400: #b9996b;
--color-empire-gold-500: #a37f49;
--color-empire-gold-600: #8a6c3f;
--color-empire-gold-700: #6f5632;
--color-empire-gold-800: #523e23;
--color-empire-gold-900: #392b17;
--color-empire-gold-950: #241808;
}SCSS
$empire-gold: #c19f6e;
$empire-gold-rgb: 193, 159, 110;
$empire-gold-light: mix(#fff, $empire-gold, 20%);
$empire-gold-dark: mix(#000, $empire-gold, 20%);
.element {
color: $empire-gold;
box-shadow: 0 0 0 2px rgba($empire-gold, 0.35);
}