命名颜色 · #C28E61
Eastlake Gold
Eastlake Gold 即 #C28E61：rgb(194 142 97)、hsl(28 44% 57%)、oklch(0.687 0.088 61.5)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Orange mean? → · Eastlake Gold color name →
#C28E61
oklch(0.687 0.088 61.5)
颜色转换
- HEX
- #c28e61
- RGB
- rgb(194 142 97)
- HSL
- hsl(28 44% 57%)
- HWB
- hwb(28 38% 24%)
- OKLCH
- oklch(0.687 0.088 61.5)
- OKLab
- oklab(0.687 0.042 0.077)
- CIE Lab
- lab(63.44 16.45 32.04)
- LCH
- lch(63.44 36.02 62.8)
- CMYK
- cmyk(0% 27% 50% 24%)
浅色调 · 深色调 · 灰色调
浅色调
- C89971
- CFA480
- D5AF90
- DBBBA0
- E1C6AF
- E7D1BF
- EDDDCF
- F3E8DF
- F9F3EF
深色调
- A87B53
- 8F6846
- 775639
- 60442D
- 493421
- 342415
- 20150B
- 0E0703
- 020100
灰色调
- BB8D65
- B58C69
- AE8A6C
- A8896F
- A18872
- 9B8675
- 948578
- 8D837B
- 87827E
配色和谐
互补色 +180°
- C28E61
Eastlake Gold
- 67A1CC
≈ Alaskan Blue
类似色 -30° +30°
- C28E61
Eastlake Gold
- CB8679
≈ Ginger Whisper
- AE9959
≈ Kathmandu
三角配色 +120° +240°
- C28E61
Eastlake Gold
- 55AC9E
≈ Water Park
- A48EC8
≈ Classic Bouquet
分裂互补色 +150° +210°
- C28E61
Eastlake Gold
- 51A9BA
≈ Verditer Blue
- 8798D1
≈ Purple Gentian
四角配色 +90° +180° +270°
- C28E61
Eastlake Gold
- 71AA7F
≈ Light Grass Green
- 67A1CC
≈ Alaskan Blue
- BA86B3
≈ Violet Tulle
对比度与无障碍
Ag
Fail白底
WCAG 2.86:1 · APCA Lc 55
Ag
AAA黑底
WCAG 7.33:1 · APCA Lc 47
最佳文字颜色: #000000
WCAG 7.33:1 (AAA) · APCA Lc 47
Contrast pairs
代码片段
CSS
:root {
--eastlake-gold: #c28e61;
--eastlake-gold-rgb: 194 142 97;
--eastlake-gold-oklch: oklch(0.687 0.088 61.5);
}
.element {
color: var(--eastlake-gold);
background-color: hsl(28 44% 57%);
border-color: oklch(0.687 0.088 61.5);
}Tailwind CSS v4
@theme {
--color-eastlake-gold: #c28e61;
--color-eastlake-gold-50: #fff0dc;
--color-eastlake-gold-100: #fee2ca;
--color-eastlake-gold-200: #f0cdae;
--color-eastlake-gold-300: #d8ae89;
--color-eastlake-gold-400: #c49368;
--color-eastlake-gold-500: #b07846;
--color-eastlake-gold-600: #95663c;
--color-eastlake-gold-700: #775130;
--color-eastlake-gold-800: #593b22;
--color-eastlake-gold-900: #3e2816;
--color-eastlake-gold-950: #271608;
}SCSS
$eastlake-gold: #c28e61;
$eastlake-gold-rgb: 194, 142, 97;
$eastlake-gold-light: mix(#fff, $eastlake-gold, 20%);
$eastlake-gold-dark: mix(#000, $eastlake-gold, 20%);
.element {
color: $eastlake-gold;
box-shadow: 0 0 0 2px rgba($eastlake-gold, 0.35);
}