命名颜色 · #FCA750

Gemini Mustard Momento

Gemini Mustard Momento 即 #FCA750：rgb(252 167 80)、hsl(30 97% 65%)、oklch(0.797 0.143 63.7)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Orange mean? → · Gemini Mustard Momento color name →

#FCA750

oklch(0.797 0.143 63.7)

颜色转换

HEX: #fca750
RGB: rgb(252 167 80)
HSL: hsl(30 97% 65%)
HWB: hwb(30 31% 1%)
OKLCH: oklch(0.797 0.143 63.7)
OKLab: oklab(0.797 0.063 0.128)
CIE Lab: lab(75.98 26.78 56.92)
LCH: lch(75.98 62.9 64.8)
CMYK: cmyk(0% 34% 68% 1%)

浅色调 · 深色调 · 灰色调

浅色调

FDB065
FEB978
FFC28A
FFCB9C
FFD4AD
FFDDBD
FFE5CE
FFEEDE
FFF7EF

深色调

DB9144
BB7B39
9C662E
7E5224
623E1A
472C10
2D1A07
160A02
030100

灰色调

EFA458
E3A05F
D79C65
CA996B
BE956F
B19173
A58D77
99897A
8C847D

配色和谐

互补色 +180°

FCA750
Gemini Mustard Momento
7BC5FF
≈ Maya Blue

类似色 -30° +30°

FCA750
Gemini Mustard Momento
FFA08A
≈ Tangerine Cream
DBBA3E
≈ Credo

三角配色 +120° +240°

分裂互补色 +150° +210°

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

对比度与无障碍

白底

WCAG 1.94:1 · APCA Lc 37

Fail

黑底

WCAG 10.78:1 · APCA Lc 65

AAA

最佳文字颜色: #000000

WCAG 10.78:1 (AAA) · APCA Lc 65

Contrast pairs

代码片段

CSS

:root {
  --gemini-mustard-momento: #fca750;
  --gemini-mustard-momento-rgb: 252 167 80;
  --gemini-mustard-momento-oklch: oklch(0.797 0.143 63.7);
}

.element {
  color: var(--gemini-mustard-momento);
  background-color: hsl(30 97% 65%);
  border-color: oklch(0.797 0.143 63.7);
}

Tailwind CSS v4

@theme {
  --color-gemini-mustard-momento: #fca750;
  --color-gemini-mustard-momento-50: #ffeecb;
  --color-gemini-mustard-momento-100: #ffdfb6;
  --color-gemini-mustard-momento-200: #ffc893;
  --color-gemini-mustard-momento-300: #e9a865;
  --color-gemini-mustard-momento-400: #d88a36;
  --color-gemini-mustard-momento-500: #c56c00;
  --color-gemini-mustard-momento-600: #a75c00;
  --color-gemini-mustard-momento-700: #864a00;
  --color-gemini-mustard-momento-800: #643400;
  --color-gemini-mustard-momento-900: #462400;
  --color-gemini-mustard-momento-950: #2e1200;
}

SCSS

$gemini-mustard-momento: #fca750;
$gemini-mustard-momento-rgb: 252, 167, 80;
$gemini-mustard-momento-light: mix(#fff, $gemini-mustard-momento, 20%);
$gemini-mustard-momento-dark: mix(#000, $gemini-mustard-momento, 20%);

.element {
  color: $gemini-mustard-momento;
  box-shadow: 0 0 0 2px rgba($gemini-mustard-momento, 0.35);
}

相近的命名颜色

Palettes with similar colors

在工具中打开

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