命名颜色 · #EEB550
Goldsmith
Goldsmith 即 #EEB550：rgb(238 181 80)、hsl(38 82% 62%)、oklch(0.807 0.134 79)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Orange mean? → · Goldsmith color name →
#EEB550
oklch(0.807 0.134 79)
颜色转换
- HEX
- #eeb550
- RGB
- rgb(238 181 80)
- HSL
- hsl(38 82% 62%)
- HWB
- hwb(38 31% 7%)
- OKLCH
- oklch(0.807 0.134 79)
- OKLab
- oklab(0.807 0.025 0.131)
- CIE Lab
- lab(77.66 14.02 58.07)
- LCH
- lch(77.66 59.74 76.4)
- CMYK
- cmyk(0% 24% 66% 7%)
浅色调 · 深色调 · 灰色调
浅色调
- F0BD66
- F2C479
- F4CC8B
- F6D39D
- F7DBAD
- F9E2BE
- FBE9CE
- FCF1DF
- FEF8EF
深色调
- CF9D44
- B18639
- 936F2E
- 775924
- 5C441A
- 423010
- 2A1D07
- 140C02
- 030200
灰色调
- E3B059
- D7AB60
- CCA666
- C1A06B
- B69B70
- AB9674
- A09077
- 958B7B
- 8B867E
配色和谐
互补色 +180°
- EEB550
Goldsmith
- 9AC2FF
≈ Pastel Blue
类似色 -30° +30°
- EEB550
Goldsmith
- FFA878
≈ Larch Bolete
- C7C758
≈ Salsa Verde
三角配色 +120° +240°
- EEB550
Goldsmith
- 1DDAE0
≈ Fish Boy
- E5A3F7
≈ VIC 20 Pink
分裂互补色 +150° +210°
- EEB550
Goldsmith
- 5DCFFF
≈ Skyan
- BDB5FF
≈ Greyish Lavender
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 1.84:1 · APCA Lc 35
Ag
AAA黑底
WCAG 11.36:1 · APCA Lc 68
最佳文字颜色: #000000
WCAG 11.36:1 (AAA) · APCA Lc 68
Contrast pairs
代码片段
CSS
:root {
--goldsmith: #eeb550;
--goldsmith-rgb: 238 181 80;
--goldsmith-oklch: oklch(0.807 0.134 79);
}
.element {
color: var(--goldsmith);
background-color: hsl(38 82% 62%);
border-color: oklch(0.807 0.134 79);
}Tailwind CSS v4
@theme {
--color-goldsmith: #eeb550;
--color-goldsmith-50: #fff2cb;
--color-goldsmith-100: #ffe4b6;
--color-goldsmith-200: #f2cf92;
--color-goldsmith-300: #dab064;
--color-goldsmith-400: #c89432;
--color-goldsmith-500: #b57900;
--color-goldsmith-600: #996600;
--color-goldsmith-700: #7a5200;
--color-goldsmith-800: #5c3b00;
--color-goldsmith-900: #402800;
--color-goldsmith-950: #291600;
}SCSS
$goldsmith: #eeb550;
$goldsmith-rgb: 238, 181, 80;
$goldsmith-light: mix(#fff, $goldsmith, 20%);
$goldsmith-dark: mix(#000, $goldsmith, 20%);
.element {
color: $goldsmith;
box-shadow: 0 0 0 2px rgba($goldsmith, 0.35);
}