Benannte Farbe · #FDC675
Liquid Gold
Liquid Gold ist #FDC675: rgb(253 198 117), hsl(36 97% 73%), oklch(0.859 0.117 75.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Liquid Gold color name →
#FDC675
oklch(0.859 0.117 75.8)
Farbumrechnungen
- HEX
- #fdc675
- RGB
- rgb(253 198 117)
- HSL
- hsl(36 97% 73%)
- HWB
- hwb(36 46% 1%)
- OKLCH
- oklch(0.859 0.117 75.8)
- OKLab
- oklab(0.859 0.029 0.113)
- CIE Lab
- lab(83.66 13.56 48.06)
- LCH
- lch(83.66 49.94 74.2)
- CMYK
- cmyk(0% 22% 54% 1%)
Tints · Shades · Tones
Tints
- FECC84
- FED293
- FED8A1
- FFDDAF
- FFE3BD
- FFE9CA
- FFEED8
- FFF4E5
- FFFAF2
Shades
- DCAC65
- BC9255
- 9D7A46
- 7F6237
- 624B29
- 47351C
- 2D210F
- 160E05
- 030201
Tones
- F0BF78
- E3B87A
- D6B17C
- CAAA7D
- BDA37F
- B19C7F
- A49580
- 988E80
- 8C8780
Farbharmonien
Komplementär +180°
- FDC675
Liquid Gold
- B3D3FF
≈ Ice Cold Stare
Analog -30° +30°
- FDC675
Liquid Gold
- FFC1A4
≈ Sweet Apricot
- DBD677
≈ Golden Rice
Triadisch +120° +240°
- FDC675
Liquid Gold
- 61E9E9
≈ Near Moon
- EBBCFF
≈ Euphoria
Geteilt komplementär +150° +210°
- FDC675
Liquid Gold
- 8CDEFF
≈ Tranquil Pool
- CCCBFF
≈ Lavender Blue
Tetradisch +90° +180° +270°
- FDC675
Liquid Gold
- 7FE9BF
≈ Jittery Jade
- B3D3FF
≈ Ice Cold Stare
- FFB8DE
≈ Bubblegum Heart
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.55:1 · APCA Lc 25
Ag
AAAAuf Schwarz
WCAG 13.51:1 · APCA Lc 78
Beste Textfarbe: #000000
WCAG 13.51:1 (AAA) · APCA Lc 78
Contrast pairs
Code-Snippets
CSS
:root {
--liquid-gold: #fdc675;
--liquid-gold-rgb: 253 198 117;
--liquid-gold-oklch: oklch(0.859 0.117 75.8);
}
.element {
color: var(--liquid-gold);
background-color: hsl(36 97% 73%);
border-color: oklch(0.859 0.117 75.8);
}Tailwind CSS v4
@theme {
--color-liquid-gold: #fdc675;
--color-liquid-gold-50: #fff2d0;
--color-liquid-gold-100: #fee4bd;
--color-liquid-gold-200: #f0cf9c;
--color-liquid-gold-300: #d9b071;
--color-liquid-gold-400: #c69448;
--color-liquid-gold-500: #b27907;
--color-liquid-gold-600: #96670e;
--color-liquid-gold-700: #79520d;
--color-liquid-gold-800: #5a3b07;
--color-liquid-gold-900: #3f2905;
--color-liquid-gold-950: #281600;
}SCSS
$liquid-gold: #fdc675;
$liquid-gold-rgb: 253, 198, 117;
$liquid-gold-light: mix(#fff, $liquid-gold, 20%);
$liquid-gold-dark: mix(#000, $liquid-gold, 20%);
.element {
color: $liquid-gold;
box-shadow: 0 0 0 2px rgba($liquid-gold, 0.35);
}