命名颜色 · #C19D61
Gold Spell
Gold Spell 即 #C19D61：rgb(193 157 97)、hsl(38 44% 57%)、oklch(0.716 0.089 79.4)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Orange mean? → · Gold Spell color name →
#C19D61
oklch(0.716 0.089 79.4)
颜色转换
- HEX
- #c19d61
- RGB
- rgb(193 157 97)
- HSL
- hsl(38 44% 57%)
- HWB
- hwb(38 38% 24%)
- OKLCH
- oklch(0.716 0.089 79.4)
- OKLab
- oklab(0.716 0.016 0.087)
- CIE Lab
- lab(67.1 8.24 36.51)
- LCH
- lch(67.1 37.42 77.3)
- CMYK
- cmyk(0% 19% 50% 24%)
浅色调 · 深色调 · 灰色调
浅色调
- C7A771
- CDB081
- D4BA91
- DAC4A1
- E0CEB0
- E6D7C0
- ECE1D0
- F3EBDF
- F9F5EF
深色调
- A78853
- 8F7346
- 775F39
- 5F4C2D
- 493A21
- 342815
- 20180B
- 0E0903
- 020100
灰色调
- BA9A65
- B49769
- AD956D
- A79270
- A08F73
- 9A8C76
- 938979
- 8D867B
- 86837E
配色和谐
互补色 +180°
- C19D61
Gold Spell
- 82A4DB
≈ Blue Cue
类似色 -30° +30°
- C19D61
Gold Spell
- D19371
≈ Feldspar
- A7A865
≈ Elf Slippers
三角配色 +120° +240°
- C19D61
Gold Spell
- 56B4B9
≈ Thalassa
- BC91C7
≈ Violaceous
分裂互补色 +150° +210°
- C19D61
Gold Spell
- 64AED0
≈ Imrik Blue
- A19AD8
≈ Biloba Flower
四角配色 +90° +180° +270°
- C19D61
Gold Spell
- 66B59A
≈ Keppel
- 82A4DB
≈ Blue Cue
- CE8CAC
≈ Bossy-Pants Pink
对比度与无障碍
Ag
Fail白底
WCAG 2.54:1 · APCA Lc 50
Ag
AAA黑底
WCAG 8.26:1 · APCA Lc 52
最佳文字颜色: #000000
WCAG 8.26:1 (AAA) · APCA Lc 52
Contrast pairs
代码片段
CSS
:root {
--gold-spell: #c19d61;
--gold-spell-rgb: 193 157 97;
--gold-spell-oklch: oklch(0.716 0.089 79.4);
}
.element {
color: var(--gold-spell);
background-color: hsl(38 44% 57%);
border-color: oklch(0.716 0.089 79.4);
}Tailwind CSS v4
@theme {
--color-gold-spell: #c19d61;
--color-gold-spell-50: #fff3d9;
--color-gold-spell-100: #f7e6c7;
--color-gold-spell-200: #e8d1aa;
--color-gold-spell-300: #cfb383;
--color-gold-spell-400: #bb9960;
--color-gold-spell-500: #a57f3b;
--color-gold-spell-600: #8c6c33;
--color-gold-spell-700: #705629;
--color-gold-spell-800: #533e1c;
--color-gold-spell-900: #3a2b12;
--color-gold-spell-950: #241805;
}SCSS
$gold-spell: #c19d61;
$gold-spell-rgb: 193, 157, 97;
$gold-spell-light: mix(#fff, $gold-spell, 20%);
$gold-spell-dark: mix(#000, $gold-spell, 20%);
.element {
color: $gold-spell;
box-shadow: 0 0 0 2px rgba($gold-spell, 0.35);
}