Benannte Farbe · #FFFEC6
Golden Wash
Golden Wash ist #FFFEC6: rgb(255 254 198), hsl(59 100% 89%), oklch(0.984 0.072 106.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Golden Wash color name →
#FFFEC6
oklch(0.984 0.072 106.8)
Farbumrechnungen
- HEX
- #fffec6
- RGB
- rgb(255 254 198)
- HSL
- hsl(59 100% 89%)
- HWB
- hwb(59 78% 0%)
- OKLCH
- oklch(0.984 0.072 106.8)
- OKLab
- oklab(0.984 -0.021 0.069)
- CIE Lab
- lab(98.72 -6.1 27.05)
- LCH
- lch(98.72 27.73 102.7)
- CMYK
- cmyk(0% 0% 22% 0%)
Tints · Shades · Tones
Tints
- FFFECC
- FFFED2
- FFFED8
- FFFFDE
- FFFFE3
- FFFFE9
- FFFFEE
- FFFFF4
- FFFFFA
Shades
- DEDDAC
- BEBD92
- 9E9E7A
- 808062
- 63634B
- 484735
- 2E2D21
- 16160E
- 030302
Tones
- F2F1BF
- E4E4B8
- D7D7B1
- CACAAA
- BDBDA3
- B1B19C
- A4A495
- 98988E
- 8C8C87
Farbharmonien
Komplementär +180°
- FFFEC6
Golden Wash
- F9F9FF
≈ Ghost White
Analog -30° +30°
- FFFEC6
Golden Wash
- FFF9F0
≈ Floral White
- F1FFEB
≈ Crème de Menthe
Triadisch +120° +240°
- FFFEC6
Golden Wash
- F3FBFF
≈ Heart of Ice
- FFF7FB
≈ Cold Snow
Geteilt komplementär +150° +210°
- FFFEC6
Golden Wash
- F7FAFF
≈ Heart of Ice
- FDF8FF
≈ Cold Snow
Tetradisch +90° +180° +270°
- FFFEC6
Golden Wash
- E9FFFF
≈ Bubbles
- F9F9FF
≈ Ghost White
- FFF8F8
≈ Snow
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.03:1 · APCA Lc 0
Ag
AAAAuf Schwarz
WCAG 20.24:1 · APCA Lc 105
Beste Textfarbe: #000000
WCAG 20.24:1 (AAA) · APCA Lc 105
Contrast pairs
Code-Snippets
CSS
:root {
--golden-wash: #fffec6;
--golden-wash-rgb: 255 254 198;
--golden-wash-oklch: oklch(0.984 0.072 106.8);
}
.element {
color: var(--golden-wash);
background-color: hsl(59 100% 89%);
border-color: oklch(0.984 0.072 106.8);
}Tailwind CSS v4
@theme {
--color-golden-wash: #fffec6;
--color-golden-wash-50: #f6f7e0;
--color-golden-wash-100: #e9eacf;
--color-golden-wash-200: #d6d7b4;
--color-golden-wash-300: #babb91;
--color-golden-wash-400: #a3a270;
--color-golden-wash-500: #8c8a50;
--color-golden-wash-600: #767444;
--color-golden-wash-700: #5e5d36;
--color-golden-wash-800: #464426;
--color-golden-wash-900: #302f19;
--color-golden-wash-950: #1d1b0a;
}SCSS
$golden-wash: #fffec6;
$golden-wash-rgb: 255, 254, 198;
$golden-wash-light: mix(#fff, $golden-wash, 20%);
$golden-wash-dark: mix(#000, $golden-wash, 20%);
.element {
color: $golden-wash;
box-shadow: 0 0 0 2px rgba($golden-wash, 0.35);
}