Cor nomeada · #FFFFBB
Golden Hermes
Golden Hermes é #FFFFBB: rgb(255 255 187), hsl(60 100% 87%), oklch(0.984 0.086 107.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Golden Hermes color name →
#FFFFBB
oklch(0.984 0.086 107.9)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- FFFFC2
- FFFFC9
- FFFFD0
- FFFFD7
- FFFFDE
- FFFFE5
- FFFFEB
- FFFFF2
- FFFFF9
Sombras
- DEDEA2
- BEBE8A
- 9E9E73
- 80805C
- 636346
- 484832
- 2E2E1F
- 16160D
- 030302
Tons
- F2F2B5
- E4E4B0
- D7D7AA
- CACBA4
- BDBE9E
- B1B198
- A4A592
- 98988C
- 8C8C86
Harmonias de cor
Complementar +180°
- FFFFBB
Golden Hermes
- F9F9FF
≈ Ghost White
Análoga -30° +30°
- FFFFBB
Golden Hermes
- FFF9F0
≈ Floral White
- F1FFEC
≈ Snow White
Tríade +120° +240°
- FFFFBB
Golden Hermes
- F3FBFF
≈ Heart of Ice
- FFF7FB
≈ Cold Snow
Complementar dividida +150° +210°
- FFFFBB
Golden Hermes
- F7FAFF
≈ Heart of Ice
- FDF7FF
≈ Cold Snow
Tétrade +90° +180° +270°
- FFFFBB
Golden Hermes
- EAFFFF
≈ Bubbles
- F9F9FF
≈ Ghost White
- FFF8F8
≈ Snow
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.03:1 · APCA Lc 0
Ag
AAASobre preto
WCAG 20.27:1 · APCA Lc 105
Melhor cor de texto: #000000
WCAG 20.27:1 (AAA) · APCA Lc 105
Contrast pairs
Trechos de código
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);
}