Color con nombre · #FFDA68
Golden Nectar
Golden Nectar es #FFDA68: rgb(255 218 104), hsl(45 100% 70%), oklch(0.898 0.138 91.4). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Golden Nectar color name →
#FFDA68
oklch(0.898 0.138 91.4)
Conversiones de color
- HEX
- #ffda68
- RGB
- rgb(255 218 104)
- HSL
- hsl(45 100% 70%)
- HWB
- hwb(45 41% 0%)
- OKLCH
- oklch(0.898 0.138 91.4)
- OKLab
- oklab(0.898 -0.003 0.138)
- CIE Lab
- lab(88.61 3.92 59.78)
- LCH
- lch(88.61 59.91 86.3)
- CMYK
- cmyk(0% 15% 59% 0%)
Tintes · Sombras · Tonos
Tintes
- FFDE7B
- FFE28C
- FFE69C
- FFEAAB
- FFEDBA
- FFF1C8
- FFF5D6
- FFF8E4
- FFFCF1
Sombras
- DEBD59
- BEA24B
- 9E873E
- 806C30
- 635424
- 483C18
- 2E250C
- 161104
- 030200
Tonos
- F2D16D
- E4C872
- D7BF76
- CAB679
- BEAD7B
- B1A47D
- A49B7E
- 98927F
- 8C8980
Armonías de color
Complementario +180°
- FFDA68
Golden Nectar
- D1DCFF
≈ Arc Light
Análogo -30° +30°
- FFDA68
Golden Nectar
- FFD4B0
≈ Forgotten Sunset
- CFEC7F
≈ Sulu
Triádico +120° +240°
- FFDA68
Golden Nectar
- 95EEFF
≈ Alpine Expedition
- FFCAF7
≈ Kissed by Mist
Complementario dividido +150° +210°
- FFDA68
Golden Nectar
- BEE3FF
≈ Dithered Sky
- E4D5FF
≈ Pale Lavender
Tetrádico +90° +180° +270°
- FFDA68
Golden Nectar
- 59FBE3
≈ Icy Life
- D1DCFF
≈ Arc Light
- FFCEDB
≈ Bologna Sausage
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.35:1 · APCA Lc 17
Ag
AAASobre negro
WCAG 15.48:1 · APCA Lc 86
Mejor color de texto: #000000
WCAG 15.48:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmentos de código
CSS
:root {
--golden-nectar: #ffda68;
--golden-nectar-rgb: 255 218 104;
--golden-nectar-oklch: oklch(0.898 0.138 91.4);
}
.element {
color: var(--golden-nectar);
background-color: hsl(45 100% 70%);
border-color: oklch(0.898 0.138 91.4);
}Tailwind CSS v4
@theme {
--color-golden-nectar: #ffda68;
--color-golden-nectar-50: #fff5c9;
--color-golden-nectar-100: #f7e8b4;
--color-golden-nectar-200: #e8d48f;
--color-golden-nectar-300: #cfb65f;
--color-golden-nectar-400: #bc9b27;
--color-golden-nectar-500: #a88100;
--color-golden-nectar-600: #8e6d00;
--color-golden-nectar-700: #725700;
--color-golden-nectar-800: #553f00;
--color-golden-nectar-900: #3b2b00;
--color-golden-nectar-950: #251800;
}SCSS
$golden-nectar: #ffda68;
$golden-nectar-rgb: 255, 218, 104;
$golden-nectar-light: mix(#fff, $golden-nectar, 20%);
$golden-nectar-dark: mix(#000, $golden-nectar, 20%);
.element {
color: $golden-nectar;
box-shadow: 0 0 0 2px rgba($golden-nectar, 0.35);
}