命名颜色 · #E8D720
Holy Grail
Holy Grail 即 #E8D720：rgb(232 215 32)、hsl(55 81% 52%)、oklch(0.866 0.177 103.5)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Yellow mean? → · Holy Grail color name →
#E8D720
oklch(0.866 0.177 103.5)
颜色转换
- HEX
- #e8d720
- RGB
- rgb(232 215 32)
- HSL
- hsl(55 81% 52%)
- HWB
- hwb(55 13% 9%)
- OKLCH
- oklch(0.866 0.177 103.5)
- OKLab
- oklab(0.866 -0.041 0.172)
- CIE Lab
- lab(85.38 -6.44 80.12)
- LCH
- lch(85.38 80.38 94.6)
- CMYK
- cmyk(0% 7% 86% 9%)
浅色调 · 深色调 · 灰色调
浅色调
- EADB4C
- ECE068
- EEE47F
- F1E894
- F3ECA7
- F5F0B9
- F7F4CB
- FAF8DD
- FCFBEE
深色调
- CABB1A
- AC9F15
- 90850F
- 746B0A
- 595206
- 403B03
- 292501
- 131100
- 030200
灰色调
- DDCE3B
- D2C64B
- C7BD57
- BDB461
- B2AC68
- A8A36F
- 9E9A74
- 949179
- 8A897D
配色和谐
互补色 +180°
- E8D720
Holy Grail
- CCCEFF
≈ Lavender Blue
类似色 -30° +30°
- E8D720
Holy Grail
- FFC87F
≈ Beige Topaz
- A3EB6B
≈ Inchworm
三角配色 +120° +240°
- E8D720
Holy Grail
- 8EE1FF
≈ Tranquil Pool
- FFBBE3
≈ Bubblegum Heart
分裂互补色 +150° +210°
- E8D720
Holy Grail
- B5D6FF
≈ Ice Cold Stare
- E9C1FF
≈ Jane Purple
四角配色 +90° +180° +270°
- E8D720
Holy Grail
- 00F1EE
≈ Aqua Cyan
- CCCEFF
≈ Lavender Blue
- FFC0C5
≈ Piglet
对比度与无障碍
Ag
Fail白底
WCAG 1.48:1 · APCA Lc 23
Ag
AAA黑底
WCAG 14.17:1 · APCA Lc 81
最佳文字颜色: #000000
WCAG 14.17:1 (AAA) · APCA Lc 81
Contrast pairs
代码片段
CSS
:root {
--holy-grail: #e8d720;
--holy-grail-rgb: 232 215 32;
--holy-grail-oklch: oklch(0.866 0.177 103.5);
}
.element {
color: var(--holy-grail);
background-color: hsl(55 81% 52%);
border-color: oklch(0.866 0.177 103.5);
}Tailwind CSS v4
@theme {
--color-holy-grail: #e8d720;
--color-holy-grail-50: #fcf9be;
--color-holy-grail-100: #f0eca7;
--color-holy-grail-200: #dfd97d;
--color-holy-grail-300: #c4bc41;
--color-holy-grail-400: #b2a100;
--color-holy-grail-500: #9d8800;
--color-holy-grail-600: #847300;
--color-holy-grail-700: #6a5c00;
--color-holy-grail-800: #504200;
--color-holy-grail-900: #382e00;
--color-holy-grail-950: #221a00;
}SCSS
$holy-grail: #e8d720;
$holy-grail-rgb: 232, 215, 32;
$holy-grail-light: mix(#fff, $holy-grail, 20%);
$holy-grail-dark: mix(#000, $holy-grail, 20%);
.element {
color: $holy-grail;
box-shadow: 0 0 0 2px rgba($holy-grail, 0.35);
}