命名颜色 · #E7E04E
Dragon’s Gold
Dragon’s Gold 即 #E7E04E：rgb(231 224 78)、hsl(57 76% 61%)、oklch(0.887 0.162 106.6)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Yellow mean? → · Dragon’s Gold color name →
#E7E04E
oklch(0.887 0.162 106.6)
颜色转换
- HEX
- #e7e04e
- RGB
- rgb(231 224 78)
- HSL
- hsl(57 76% 61%)
- HWB
- hwb(57 31% 9%)
- OKLCH
- oklch(0.887 0.162 106.6)
- OKLab
- oklab(0.887 -0.046 0.155)
- CIE Lab
- lab(87.81 -9.87 68.82)
- LCH
- lch(87.81 69.53 98.2)
- CMYK
- cmyk(0% 3% 66% 9%)
浅色调 · 深色调 · 灰色调
浅色调
- E9E367
- EBE77C
- EEEA8F
- F0EDA0
- F2F1B1
- F5F4C1
- F7F7D1
- FAFAE1
- FCFCF0
深色调
- C9C343
- ABA638
- 8F8A2D
- 737023
- 595619
- 403E0F
- 282707
- 131202
- 030200
灰色调
- DCD659
- D1CD61
- C7C368
- BCB96E
- B2B073
- A7A677
- 9D9D7A
- 93937C
- 8A8A7E
配色和谐
互补色 +180°
- E7E04E
Dragon’s Gold
- D6D5FF
≈ Pale Phthalo Blue
类似色 -30° +30°
- E7E04E
Dragon’s Gold
- FFD18E
≈ Sunporch
- A6F283
≈ Green Day
三角配色 +120° +240°
- E7E04E
Dragon’s Gold
- A6E4FF
≈ Ganon Blue
- FFC7E3
≈ Sugarwinkle
分裂互补色 +150° +210°
- E7E04E
Dragon’s Gold
- C2DCFF
≈ Broad Daylight
- F0C9FF
≈ Aquarelle Lilac
四角配色 +90° +180° +270°
- E7E04E
Dragon’s Gold
- 00F8FB
≈ Hey Blue!
- D6D5FF
≈ Pale Phthalo Blue
- FFCACC
≈ Elegant Light Rose
对比度与无障碍
Ag
Fail白底
WCAG 1.38:1 · APCA Lc 19
Ag
AAA黑底
WCAG 15.17:1 · APCA Lc 85
最佳文字颜色: #000000
WCAG 15.17:1 (AAA) · APCA Lc 85
Contrast pairs
代码片段
CSS
:root {
--dragon-s-gold: #e7e04e;
--dragon-s-gold-rgb: 231 224 78;
--dragon-s-gold-oklch: oklch(0.887 0.162 106.6);
}
.element {
color: var(--dragon-s-gold);
background-color: hsl(57 76% 61%);
border-color: oklch(0.887 0.162 106.6);
}Tailwind CSS v4
@theme {
--color-dragon-s-gold: #e7e04e;
--color-dragon-s-gold-50: #f8fac4;
--color-dragon-s-gold-100: #ecedae;
--color-dragon-s-gold-200: #dada87;
--color-dragon-s-gold-300: #bfbe52;
--color-dragon-s-gold-400: #aba300;
--color-dragon-s-gold-500: #958a00;
--color-dragon-s-gold-600: #7e7500;
--color-dragon-s-gold-700: #655e00;
--color-dragon-s-gold-800: #4c4400;
--color-dragon-s-gold-900: #352f00;
--color-dragon-s-gold-950: #201b00;
}SCSS
$dragon-s-gold: #e7e04e;
$dragon-s-gold-rgb: 231, 224, 78;
$dragon-s-gold-light: mix(#fff, $dragon-s-gold, 20%);
$dragon-s-gold-dark: mix(#000, $dragon-s-gold, 20%);
.element {
color: $dragon-s-gold;
box-shadow: 0 0 0 2px rgba($dragon-s-gold, 0.35);
}