Color con nombre · #EEEE99
Golden Fragrance
Golden Fragrance es #EEEE99: rgb(238 238 153), hsl(60 71% 77%), oklch(0.93 0.107 108.3). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Golden Fragrance color name →
#EEEE99
oklch(0.93 0.107 108.3)
Conversiones de color
- HEX
- #eeee99
- RGB
- rgb(238 238 153)
- HSL
- hsl(60 71% 77%)
- HWB
- hwb(60 60% 7%)
- OKLCH
- oklch(0.93 0.107 108.3)
- OKLab
- oklab(0.93 -0.033 0.101)
- CIE Lab
- lab(92.68 -9.11 41.17)
- LCH
- lch(92.68 42.17 102.5)
- CMYK
- cmyk(0% 0% 36% 7%)
Tintes · Sombras · Tonos
Tintes
- F0F0A4
- F1F2AF
- F3F4B9
- F4F5C4
- F6F7CE
- F8F9D8
- FAFAE2
- FBFCEC
- FDFDF5
Sombras
- CFCF84
- B1B170
- 93935D
- 77774A
- 5C5C38
- 424227
- 2A2A17
- 141408
- 030301
Tonos
- E2E397
- D7D795
- CCCC93
- C0C191
- B5B68F
- AAAB8C
- 9FA089
- 959586
- 8A8B83
Armonías de color
Complementario +180°
- EEEE99
Golden Fragrance
- E6E5FF
≈ Lavender Mist
Análogo -30° +30°
- EEEE99
Golden Fragrance
- FFE4BA
≈ Butter Creme
- C5FAB4
≈ Distilled Venom
Triádico +120° +240°
- EEEE99
Golden Fragrance
- CBEEFF
≈ Blue Hijab
- FFDDED
≈ Transparent Pink
Complementario dividido +150° +210°
- EEEE99
Golden Fragrance
- DBE9FF
≈ Cloudless
- F7DEFF
≈ Sugarpills
Tetrádico +90° +180° +270°
- EEEE99
Golden Fragrance
- 98FCFF
≈ Eternal Winter
- E6E5FF
≈ Lavender Mist
- FFDFDF
≈ Red Remains
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.21:1 · APCA Lc 10
Ag
AAASobre negro
WCAG 17.32:1 · APCA Lc 94
Mejor color de texto: #000000
WCAG 17.32:1 (AAA) · APCA Lc 94
Contrast pairs
Fragmentos de código
CSS
:root {
--golden-fragrance: #eeee99;
--golden-fragrance-rgb: 238 238 153;
--golden-fragrance-oklch: oklch(0.93 0.107 108.3);
}
.element {
color: var(--golden-fragrance);
background-color: hsl(60 71% 77%);
border-color: oklch(0.93 0.107 108.3);
}Tailwind CSS v4
@theme {
--color-golden-fragrance: #eeee99;
--color-golden-fragrance-50: #f6f9d6;
--color-golden-fragrance-100: #e9ecc3;
--color-golden-fragrance-200: #d6d9a4;
--color-golden-fragrance-300: #babd7c;
--color-golden-fragrance-400: #a4a355;
--color-golden-fragrance-500: #8d8b29;
--color-golden-fragrance-600: #777625;
--color-golden-fragrance-700: #5f5e1e;
--color-golden-fragrance-800: #474412;
--color-golden-fragrance-900: #312f0b;
--color-golden-fragrance-950: #1d1c01;
}SCSS
$golden-fragrance: #eeee99;
$golden-fragrance-rgb: 238, 238, 153;
$golden-fragrance-light: mix(#fff, $golden-fragrance, 20%);
$golden-fragrance-dark: mix(#000, $golden-fragrance, 20%);
.element {
color: $golden-fragrance;
box-shadow: 0 0 0 2px rgba($golden-fragrance, 0.35);
}