Warna bernama · #FFFFBB
Golden Hermes
Golden Hermes adalah #FFFFBB: rgb(255 255 187), hsl(60 100% 87%), oklch(0.984 0.086 107.9). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Yellow mean? → · Golden Hermes color name →
#FFFFBB
oklch(0.984 0.086 107.9)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- FFFFC2
- FFFFC9
- FFFFD0
- FFFFD7
- FFFFDE
- FFFFE5
- FFFFEB
- FFFFF2
- FFFFF9
Shade
- DEDEA2
- BEBE8A
- 9E9E73
- 80805C
- 636346
- 484832
- 2E2E1F
- 16160D
- 030302
Tone
- F2F2B5
- E4E4B0
- D7D7AA
- CACBA4
- BDBE9E
- B1B198
- A4A592
- 98988C
- 8C8C86
Harmoni warna
Komplementer +180°
- FFFFBB
Golden Hermes
- F9F9FF
≈ Ghost White
Analog -30° +30°
- FFFFBB
Golden Hermes
- FFF9F0
≈ Floral White
- F1FFEC
≈ Snow White
Triadik +120° +240°
- FFFFBB
Golden Hermes
- F3FBFF
≈ Heart of Ice
- FFF7FB
≈ Cold Snow
Split-komplementer +150° +210°
- FFFFBB
Golden Hermes
- F7FAFF
≈ Heart of Ice
- FDF7FF
≈ Cold Snow
Tetradik +90° +180° +270°
- FFFFBB
Golden Hermes
- EAFFFF
≈ Bubbles
- F9F9FF
≈ Ghost White
- FFF8F8
≈ Snow
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.03:1 · APCA Lc 0
Ag
AAADi atas hitam
WCAG 20.27:1 · APCA Lc 105
Warna teks terbaik: #000000
WCAG 20.27:1 (AAA) · APCA Lc 105
Contrast pairs
Cuplikan kode
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);
}