Cor nomeada · #FCDF8A
Daisy Desi
Daisy Desi é #FCDF8A: rgb(252 223 138), hsl(45 95% 76%), oklch(0.91 0.109 91.2). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Daisy Desi color name →
#FCDF8A
oklch(0.91 0.109 91.2)
Conversões de cor
- HEX
- #fcdf8a
- RGB
- rgb(252 223 138)
- HSL
- hsl(45 95% 76%)
- HWB
- hwb(45 54% 1%)
- OKLCH
- oklch(0.91 0.109 91.2)
- OKLab
- oklab(0.91 -0.002 0.109)
- CIE Lab
- lab(89.91 2.32 45.34)
- LCH
- lch(89.91 45.4 87.1)
- CMYK
- cmyk(0% 12% 45% 1%)
Tons claros · Sombras · Tons
Tons claros
- FCE297
- FDE6A3
- FDE9B0
- FDECBB
- FEF0C7
- FEF3D2
- FEF6DE
- FEF9E9
- FFFCF4
Sombras
- DBC277
- BBA565
- 9C8A53
- 7E6F42
- 625632
- 473D22
- 2D2714
- 161207
- 030201
Tons
- EFD58A
- E2CC8A
- D5C28A
- C9B889
- BCAF88
- B0A587
- A49C86
- 989384
- 8C8982
Harmonias de cor
Complementar +180°
- FCDF8A
Daisy Desi
- D6E0FF
≈ Contrail
Análoga -30° +30°
- FCDF8A
Daisy Desi
- FFD9BA
≈ Thousand Needles Sand
- D6ED9A
≈ Reef Refractions
Tríade +120° +240°
- FCDF8A
Daisy Desi
- A3F0FF
≈ Beyond the Clouds
- FFD0F8
≈ Pink Diamond
Complementar dividida +150° +210°
- FCDF8A
Daisy Desi
- C6E6FF
≈ Icy Landscape
- E7DAFF
≈ Lavender Savour
Tétrade +90° +180° +270°
- FCDF8A
Daisy Desi
- 86F9E5
≈ Turquoise Pearl
- D6E0FF
≈ Contrail
- FFD4DF
≈ No Need to Blush
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.30:1 · APCA Lc 15
Ag
AAASobre preto
WCAG 16.06:1 · APCA Lc 89
Melhor cor de texto: #000000
WCAG 16.06:1 (AAA) · APCA Lc 89
Contrast pairs
Trechos de código
CSS
:root {
--daisy-desi: #fcdf8a;
--daisy-desi-rgb: 252 223 138;
--daisy-desi-oklch: oklch(0.91 0.109 91.2);
}
.element {
color: var(--daisy-desi);
background-color: hsl(45 95% 76%);
border-color: oklch(0.91 0.109 91.2);
}Tailwind CSS v4
@theme {
--color-daisy-desi: #fcdf8a;
--color-daisy-desi-50: #fff5d2;
--color-daisy-desi-100: #f4e8bf;
--color-daisy-desi-200: #e4d49f;
--color-daisy-desi-300: #cab775;
--color-daisy-desi-400: #b69c4d;
--color-daisy-desi-500: #a18317;
--color-daisy-desi-600: #886f18;
--color-daisy-desi-700: #6d5814;
--color-daisy-desi-800: #51400b;
--color-daisy-desi-900: #392c07;
--color-daisy-desi-950: #231900;
}SCSS
$daisy-desi: #fcdf8a;
$daisy-desi-rgb: 252, 223, 138;
$daisy-desi-light: mix(#fff, $daisy-desi, 20%);
$daisy-desi-dark: mix(#000, $daisy-desi, 20%);
.element {
color: $daisy-desi;
box-shadow: 0 0 0 2px rgba($daisy-desi, 0.35);
}