命名颜色 · #FCD975

Golden Coin

Golden Coin 即 #FCD975：rgb(252 217 117)、hsl(44 96% 72%)、oklch(0.895 0.126 90.5)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Yellow mean? → · Golden Coin color name →

#FCD975

oklch(0.895 0.126 90.5)

颜色转换

HEX: #fcd975
RGB: rgb(252 217 117)
HSL: hsl(44 96% 72%)
HWB: hwb(44 46% 1%)
OKLCH: oklch(0.895 0.126 90.5)
OKLab: oklab(0.895 -0.001 0.126)
CIE Lab: lab(88.2 3.88 53.32)
LCH: lch(88.2 53.46 85.8)
CMYK: cmyk(0% 14% 54% 1%)

浅色调 · 深色调 · 灰色调

浅色调

FCDD85
FDE194
FDE5A3
FDE9B1
FEEDBE
FEF1CB
FEF4D9
FEF8E6
FFFBF2

深色调

DBBC65
BBA155
9C8646
7E6C37
625329
473B1C
2D250F
161105
030201

灰色调

EFD078
E2C77B
D5BE7D
C9B57E
BCAC80
B0A380
A49A81
989281
8C8981

配色和谐

互补色 +180°

FCD975
Golden Coin
CFDBFF
≈ Icy Plains

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

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

对比度与无障碍

白底

WCAG 1.37:1 · APCA Lc 18

Fail

黑底

WCAG 15.32:1 · APCA Lc 86

AAA

最佳文字颜色: #000000

WCAG 15.32:1 (AAA) · APCA Lc 86

Contrast pairs

代码片段

CSS

:root {
  --golden-coin: #fcd975;
  --golden-coin-rgb: 252 217 117;
  --golden-coin-oklch: oklch(0.895 0.126 90.5);
}

.element {
  color: var(--golden-coin);
  background-color: hsl(44 96% 72%);
  border-color: oklch(0.895 0.126 90.5);
}

Tailwind CSS v4

@theme {
  --color-golden-coin: #fcd975;
  --color-golden-coin-50: #fff5cd;
  --color-golden-coin-100: #f6e8b9;
  --color-golden-coin-200: #e7d396;
  --color-golden-coin-300: #ceb669;
  --color-golden-coin-400: #bb9b3a;
  --color-golden-coin-500: #a68100;
  --color-golden-coin-600: #8c6d00;
  --color-golden-coin-700: #705700;
  --color-golden-coin-800: #543f00;
  --color-golden-coin-900: #3b2b00;
  --color-golden-coin-950: #251900;
}

SCSS

$golden-coin: #fcd975;
$golden-coin-rgb: 252, 217, 117;
$golden-coin-light: mix(#fff, $golden-coin, 20%);
$golden-coin-dark: mix(#000, $golden-coin, 20%);

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

相近的命名颜色

Palettes with similar colors

在工具中打开

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