命名颜色 · #EAD56D
Bold Gold
Bold Gold 即 #EAD56D：rgb(234 213 109)、hsl(50 75% 67%)、oklch(0.87 0.127 98.1)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Yellow mean? → · Bold Gold color name →
#EAD56D
oklch(0.87 0.127 98.1)
颜色转换
- HEX
- #ead56d
- RGB
- rgb(234 213 109)
- HSL
- hsl(50 75% 67%)
- HWB
- hwb(50 43% 8%)
- OKLCH
- oklch(0.87 0.127 98.1)
- OKLab
- oklab(0.87 -0.018 0.126)
- CIE Lab
- lab(85.47 -1.93 53.39)
- LCH
- lch(85.47 53.43 92.1)
- CMYK
- cmyk(0% 9% 53% 8%)
浅色调 · 深色调 · 灰色调
浅色调
- ECD97E
- EEDE8E
- F0E29D
- F2E6AC
- F4EBBA
- F6EFC8
- F8F3D6
- FBF7E4
- FDFBF2
深色调
- CBB95E
- AE9E4F
- 918341
- 756A33
- 5A5126
- 413A19
- 29240D
- 131004
- 030201
灰色调
- DFCC71
- D4C475
- C9BB78
- BEB37A
- B3AA7C
- A9A27D
- 9E997F
- 94917F
- 8A8880
配色和谐
互补色 +180°
- EAD56D
Bold Gold
- CAD1FF
≈ Pale Phthalo Blue
类似色 -30° +30°
- EAD56D
Bold Gold
- FFC88E
≈ Bundaberg Sand
- BCE488
≈ Oxalis
三角配色 +120° +240°
- EAD56D
Bold Gold
- 85E4FF
≈ Tranquil Pool
- FFBCEA
≈ Pink Quartz
分裂互补色 +150° +210°
- EAD56D
Bold Gold
- B2D9FF
≈ Droplet
- E3C6FF
≈ Neon Boneyard
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 1.47:1 · APCA Lc 22
Ag
AAA黑底
WCAG 14.23:1 · APCA Lc 81
最佳文字颜色: #000000
WCAG 14.23:1 (AAA) · APCA Lc 81
Contrast pairs
代码片段
CSS
:root {
--bold-gold: #ead56d;
--bold-gold-rgb: 234 213 109;
--bold-gold-oklch: oklch(0.87 0.127 98.1);
}
.element {
color: var(--bold-gold);
background-color: hsl(50 75% 67%);
border-color: oklch(0.87 0.127 98.1);
}Tailwind CSS v4
@theme {
--color-bold-gold: #ead56d;
--color-bold-gold-50: #fdf7cd;
--color-bold-gold-100: #f1eab9;
--color-bold-gold-200: #e0d697;
--color-bold-gold-300: #c6b96a;
--color-bold-gold-400: #b29f3b;
--color-bold-gold-500: #9d8600;
--color-bold-gold-600: #847100;
--color-bold-gold-700: #6a5a00;
--color-bold-gold-800: #4f4100;
--color-bold-gold-900: #372d00;
--color-bold-gold-950: #221a00;
}SCSS
$bold-gold: #ead56d;
$bold-gold-rgb: 234, 213, 109;
$bold-gold-light: mix(#fff, $bold-gold, 20%);
$bold-gold-dark: mix(#000, $bold-gold, 20%);
.element {
color: $bold-gold;
box-shadow: 0 0 0 2px rgba($bold-gold, 0.35);
}