Color con nombre · #EFC857
Dancing Daisy
Dancing Daisy es #EFC857: rgb(239 200 87), hsl(45 83% 64%), oklch(0.846 0.137 90). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Dancing Daisy color name →
#EFC857
oklch(0.846 0.137 90)
Conversiones de color
- HEX
- #efc857
- RGB
- rgb(239 200 87)
- HSL
- hsl(45 83% 64%)
- HWB
- hwb(45 34% 6%)
- OKLCH
- oklch(0.846 0.137 90)
- OKLab
- oklab(0.846 0 0.137)
- CIE Lab
- lab(82.48 5.32 60.09)
- LCH
- lch(82.48 60.33 84.9)
- CMYK
- cmyk(0% 16% 64% 6%)
Tintes · Sombras · Tonos
Tintes
- F1CE6C
- F2D47F
- F4D991
- F6DFA1
- F7E4B2
- F9EAC2
- FAEFD1
- FCF5E1
- FDFAF0
Sombras
- D0AE4B
- B1943E
- 947B33
- 786327
- 5C4C1C
- 423612
- 2A2108
- 140F03
- 030200
Tonos
- E3C15F
- D8BA65
- CDB26B
- C1AB70
- B6A474
- AB9D77
- A0967A
- 958E7C
- 8B877E
Armonías de color
Complementario +180°
- EFC857
Dancing Daisy
- B9CBFF
≈ Light Periwinkle
Análogo -30° +30°
- EFC857
Dancing Daisy
- FFBC86
≈ Reddish Banana
- C1D96E
≈ Cool as a Cucumber
Triádico +120° +240°
- EFC857
Dancing Daisy
- 35E4FE
≈ Shimmering Expanse Cyan
- FFABF7
≈ Jigglypuff
Complementario dividido +150° +210°
- EFC857
Dancing Daisy
- 99D4FF
≈ Long Island Sound
- D5C0FF
≈ Lavender Fragrance
Tetrádico +90° +180° +270°
- EFC857
Dancing Daisy
- 46E9D0
≈ First Timer Green
- B9CBFF
≈ Light Periwinkle
- FFB4CA
≈ Baby Pink
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.60:1 · APCA Lc 27
Ag
AAASobre negro
WCAG 13.06:1 · APCA Lc 76
Mejor color de texto: #000000
WCAG 13.06:1 (AAA) · APCA Lc 76
Contrast pairs
Fragmentos de código
CSS
:root {
--dancing-daisy: #efc857;
--dancing-daisy-rgb: 239 200 87;
--dancing-daisy-oklch: oklch(0.846 0.137 90);
}
.element {
color: var(--dancing-daisy);
background-color: hsl(45 83% 64%);
border-color: oklch(0.846 0.137 90);
}Tailwind CSS v4
@theme {
--color-dancing-daisy: #efc857;
--color-dancing-daisy-50: #fff5c9;
--color-dancing-daisy-100: #f8e7b4;
--color-dancing-daisy-200: #e9d390;
--color-dancing-daisy-300: #d0b560;
--color-dancing-daisy-400: #be9a29;
--color-dancing-daisy-500: #a98000;
--color-dancing-daisy-600: #8f6c00;
--color-dancing-daisy-700: #735700;
--color-dancing-daisy-800: #563e00;
--color-dancing-daisy-900: #3c2b00;
--color-dancing-daisy-950: #261800;
}SCSS
$dancing-daisy: #efc857;
$dancing-daisy-rgb: 239, 200, 87;
$dancing-daisy-light: mix(#fff, $dancing-daisy, 20%);
$dancing-daisy-dark: mix(#000, $dancing-daisy, 20%);
.element {
color: $dancing-daisy;
box-shadow: 0 0 0 2px rgba($dancing-daisy, 0.35);
}