이름 색상 · #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