Benannte Farbe · #FCA750
Gemini Mustard Momento
Gemini Mustard Momento ist #FCA750: rgb(252 167 80), hsl(30 97% 65%), oklch(0.797 0.143 63.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Gemini Mustard Momento color name →
#FCA750
oklch(0.797 0.143 63.7)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- FDB065
- FEB978
- FFC28A
- FFCB9C
- FFD4AD
- FFDDBD
- FFE5CE
- FFEEDE
- FFF7EF
Shades
- DB9144
- BB7B39
- 9C662E
- 7E5224
- 623E1A
- 472C10
- 2D1A07
- 160A02
- 030100
Tones
- EFA458
- E3A05F
- D79C65
- CA996B
- BE956F
- B19173
- A58D77
- 99897A
- 8C847D
Farbharmonien
Komplementär +180°
- FCA750
Gemini Mustard Momento
- 7BC5FF
≈ Maya Blue
Analog -30° +30°
- FCA750
Gemini Mustard Momento
- FFA08A
≈ Tangerine Cream
- DBBA3E
≈ Credo
Triadisch +120° +240°
- FCA750
Gemini Mustard Momento
- 00DAC6
≈ Mint Morning
- CEA8FF
≈ Purple Hepatica
Geteilt komplementär +150° +210°
- FCA750
Gemini Mustard Momento
- 00D3F3
≈ Picnic Day Sky
- A7B8FF
≈ Truesky Gloxym
Tetradisch +90° +180° +270°
- FCA750
Gemini Mustard Momento
- 6AD791
≈ Aurora Green
- 7BC5FF
≈ Maya Blue
- F398E3
≈ Diva Mecha
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.94:1 · APCA Lc 37
Ag
AAAAuf Schwarz
WCAG 10.78:1 · APCA Lc 65
Beste Textfarbe: #000000
WCAG 10.78:1 (AAA) · APCA Lc 65
Contrast pairs
Code-Snippets
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);
}