Benannte Farbe · #FFFFBB
Golden Hermes
Golden Hermes ist #FFFFBB: rgb(255 255 187), hsl(60 100% 87%), oklch(0.984 0.086 107.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Golden Hermes color name →
#FFFFBB
oklch(0.984 0.086 107.9)
Farbumrechnungen
- HEX
- #ffffbb
- RGB
- rgb(255 255 187)
- HSL
- hsl(60 100% 87%)
- HWB
- hwb(60 73% 0%)
- OKLCH
- oklch(0.984 0.086 107.9)
- OKLab
- oklab(0.984 -0.026 0.082)
- CIE Lab
- lab(98.81 -7.63 32.64)
- LCH
- lch(98.81 33.52 103.2)
- CMYK
- cmyk(0% 0% 27% 0%)
Tints · Shades · Tones
Tints
- FFFFC2
- FFFFC9
- FFFFD0
- FFFFD7
- FFFFDE
- FFFFE5
- FFFFEB
- FFFFF2
- FFFFF9
Shades
- DEDEA2
- BEBE8A
- 9E9E73
- 80805C
- 636346
- 484832
- 2E2E1F
- 16160D
- 030302
Tones
- F2F2B5
- E4E4B0
- D7D7AA
- CACBA4
- BDBE9E
- B1B198
- A4A592
- 98988C
- 8C8C86
Farbharmonien
Komplementär +180°
- FFFFBB
Golden Hermes
- F9F9FF
≈ Ghost White
Analog -30° +30°
- FFFFBB
Golden Hermes
- FFF9F0
≈ Floral White
- F1FFEC
≈ Snow White
Triadisch +120° +240°
- FFFFBB
Golden Hermes
- F3FBFF
≈ Heart of Ice
- FFF7FB
≈ Cold Snow
Geteilt komplementär +150° +210°
- FFFFBB
Golden Hermes
- F7FAFF
≈ Heart of Ice
- FDF7FF
≈ Cold Snow
Tetradisch +90° +180° +270°
- FFFFBB
Golden Hermes
- EAFFFF
≈ Bubbles
- F9F9FF
≈ Ghost White
- FFF8F8
≈ Snow
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.03:1 · APCA Lc 0
Ag
AAAAuf Schwarz
WCAG 20.27:1 · APCA Lc 105
Beste Textfarbe: #000000
WCAG 20.27:1 (AAA) · APCA Lc 105
Contrast pairs
Code-Snippets
CSS
:root {
--golden-hermes: #ffffbb;
--golden-hermes-rgb: 255 255 187;
--golden-hermes-oklch: oklch(0.984 0.086 107.9);
}
.element {
color: var(--golden-hermes);
background-color: hsl(60 100% 87%);
border-color: oklch(0.984 0.086 107.9);
}Tailwind CSS v4
@theme {
--color-golden-hermes: #ffffbb;
--color-golden-hermes-50: #f6f8dc;
--color-golden-hermes-100: #e9ebca;
--color-golden-hermes-200: #d6d8ae;
--color-golden-hermes-300: #babc89;
--color-golden-hermes-400: #a3a366;
--color-golden-hermes-500: #8c8a42;
--color-golden-hermes-600: #767539;
--color-golden-hermes-700: #5f5e2d;
--color-golden-hermes-800: #46441f;
--color-golden-hermes-900: #312f14;
--color-golden-hermes-950: #1d1c06;
}SCSS
$golden-hermes: #ffffbb;
$golden-hermes-rgb: 255, 255, 187;
$golden-hermes-light: mix(#fff, $golden-hermes, 20%);
$golden-hermes-dark: mix(#000, $golden-hermes, 20%);
.element {
color: $golden-hermes;
box-shadow: 0 0 0 2px rgba($golden-hermes, 0.35);
}