Color con nombre · #FFD66D
Hint of Honey
Hint of Honey es #FFD66D: rgb(255 214 109), hsl(43 100% 71%), oklch(0.891 0.132 88.2). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Hint of Honey color name →
#FFD66D
oklch(0.891 0.132 88.2)
Conversiones de color
- HEX
- #ffd66d
- RGB
- rgb(255 214 109)
- HSL
- hsl(43 100% 71%)
- HWB
- hwb(43 43% 0%)
- OKLCH
- oklch(0.891 0.132 88.2)
- OKLab
- oklab(0.891 0.004 0.132)
- CIE Lab
- lab(87.67 6.1 56.5)
- LCH
- lch(87.67 56.83 83.8)
- CMYK
- cmyk(0% 16% 57% 0%)
Tintes · Sombras · Tonos
Tintes
- FFDA7F
- FFDF8F
- FFE39E
- FFE7AD
- FFEBBB
- FFEFC9
- FFF3D7
- FFF7E4
- FFFBF2
Sombras
- DEBA5E
- BE9E4F
- 9E8441
- 806A33
- 635226
- 483B19
- 2E250D
- 161004
- 030201
Tonos
- F2CD71
- E4C575
- D7BC78
- CAB37B
- BEAB7D
- B1A27E
- A59A7F
- 989180
- 8C8980
Armonías de color
Complementario +180°
- FFD66D
Hint of Honey
- CCDBFF
≈ Arc Light
Análogo -30° +30°
- FFD66D
Hint of Honey
- FFD0AE
≈ Mellow Glow
- D3E77F
≈ Refreshed
Triádico +120° +240°
- FFD66D
Hint of Honey
- 80EEFF
≈ Photon Projector
- FFC4FC
≈ Sugar Chic
Complementario dividido +150° +210°
- FFD66D
Hint of Honey
- B7E2FF
≈ Dithered Sky
- E0D3FF
≈ Pale Lavender
Tetrádico +90° +180° +270°
- FFD66D
Hint of Honey
- 66F7DB
≈ Tiffany Blue
- CCDBFF
≈ Arc Light
- FFCADB
≈ Blossom Tree
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.39:1 · APCA Lc 19
Ag
AAASobre negro
WCAG 15.09:1 · APCA Lc 85
Mejor color de texto: #000000
WCAG 15.09:1 (AAA) · APCA Lc 85
Contrast pairs
Fragmentos de código
CSS
:root {
--hint-of-honey: #ffd66d;
--hint-of-honey-rgb: 255 214 109;
--hint-of-honey-oklch: oklch(0.891 0.132 88.2);
}
.element {
color: var(--hint-of-honey);
background-color: hsl(43 100% 71%);
border-color: oklch(0.891 0.132 88.2);
}Tailwind CSS v4
@theme {
--color-hint-of-honey: #ffd66d;
--color-hint-of-honey-50: #fff4cb;
--color-hint-of-honey-100: #f9e7b6;
--color-hint-of-honey-200: #ead293;
--color-hint-of-honey-300: #d1b564;
--color-hint-of-honey-400: #bf9932;
--color-hint-of-honey-500: #aa7f00;
--color-hint-of-honey-600: #906c00;
--color-hint-of-honey-700: #735600;
--color-hint-of-honey-800: #563e00;
--color-hint-of-honey-900: #3c2b00;
--color-hint-of-honey-950: #261800;
}SCSS
$hint-of-honey: #ffd66d;
$hint-of-honey-rgb: 255, 214, 109;
$hint-of-honey-light: mix(#fff, $hint-of-honey, 20%);
$hint-of-honey-dark: mix(#000, $hint-of-honey, 20%);
.element {
color: $hint-of-honey;
box-shadow: 0 0 0 2px rgba($hint-of-honey, 0.35);
}