命名颜色 · #EAD771

Golden Glitter Storm

Golden Glitter Storm 即 #EAD771：rgb(234 215 113)、hsl(51 74% 68%)、oklch(0.874 0.125 99)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Yellow mean? → · Golden Glitter Storm color name →

#EAD771

oklch(0.874 0.125 99)

颜色转换

HEX: #ead771
RGB: rgb(234 215 113)
HSL: hsl(51 74% 68%)
HWB: hwb(51 44% 8%)
OKLCH: oklch(0.874 0.125 99)
OKLab: oklab(0.874 -0.019 0.123)
CIE Lab: lab(86.02 -2.65 52.17)
LCH: lch(86.02 52.23 92.9)
CMYK: cmyk(0% 8% 52% 8%)

浅色调 · 深色调 · 灰色调

浅色调

ECDB81
EEDF91
F0E4A0
F2E8AE
F4ECBC
F6F0CA
F8F4D7
FBF7E5
FDFBF2

深色调

CBBB61
AE9F52
918543
756B35
5A5227
413B1A
29250E
131104
030201

灰色调

DFCE75
D4C578
C9BD7A
BEB47C
B3AB7E
A9A27F
9E9A80
949180
8A8980

配色和谐

互补色 +180°

EAD771
Golden Glitter Storm
CCD2FF
≈ Pale Phthalo Blue

类似色 -30° +30°

EAD771
Golden Glitter Storm
FFCB91
≈ Tangerine Silk
BCE68C
≈ Oxalis

三角配色 +120° +240°

分裂互补色 +150° +210°

四角配色 +90° +180° +270°

对比度与无障碍

白底

WCAG 1.45:1 · APCA Lc 21

Fail

黑底

WCAG 14.45:1 · APCA Lc 82

AAA

最佳文字颜色: #000000

WCAG 14.45:1 (AAA) · APCA Lc 82

Contrast pairs

代码片段

CSS

:root {
  --golden-glitter-storm: #ead771;
  --golden-glitter-storm-rgb: 234 215 113;
  --golden-glitter-storm-oklch: oklch(0.874 0.125 99);
}

.element {
  color: var(--golden-glitter-storm);
  background-color: hsl(51 74% 68%);
  border-color: oklch(0.874 0.125 99);
}

Tailwind CSS v4

@theme {
  --color-golden-glitter-storm: #ead771;
  --color-golden-glitter-storm-50: #fcf7ce;
  --color-golden-glitter-storm-100: #f0eaba;
  --color-golden-glitter-storm-200: #dfd698;
  --color-golden-glitter-storm-300: #c5ba6c;
  --color-golden-glitter-storm-400: #b19f3e;
  --color-golden-glitter-storm-500: #9b8600;
  --color-golden-glitter-storm-600: #837200;
  --color-golden-glitter-storm-700: #695b00;
  --color-golden-glitter-storm-800: #4f4200;
  --color-golden-glitter-storm-900: #372d00;
  --color-golden-glitter-storm-950: #221a00;
}

SCSS

$golden-glitter-storm: #ead771;
$golden-glitter-storm-rgb: 234, 215, 113;
$golden-glitter-storm-light: mix(#fff, $golden-glitter-storm, 20%);
$golden-glitter-storm-dark: mix(#000, $golden-glitter-storm, 20%);

.element {
  color: $golden-glitter-storm;
  box-shadow: 0 0 0 2px rgba($golden-glitter-storm, 0.35);
}

相近的命名颜色

Palettes with similar colors

在工具中打开

取色器配色组合对比度检测 Studio JSON API