Colore con nome · #FFEA70
Fuzzy Duckling
Fuzzy Duckling è #FFEA70: rgb(255 234 112), hsl(51 100% 72%), oklch(0.931 0.143 99.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Fuzzy Duckling color name →
#FFEA70
oklch(0.931 0.143 99.7)
Conversioni di colore
- HEX
- #ffea70
- RGB
- rgb(255 234 112)
- HSL
- hsl(51 100% 72%)
- HWB
- hwb(51 44% 0%)
- OKLCH
- oklch(0.931 0.143 99.7)
- OKLab
- oklab(0.931 -0.024 0.141)
- CIE Lab
- lab(92.67 -3.3 60.72)
- LCH
- lch(92.67 60.81 93.1)
- CMYK
- cmyk(0% 8% 56% 0%)
Tinte · Ombre · Toni
Tinte
- FFEC82
- FFEF92
- FFF1A1
- FFF3B0
- FFF5BE
- FFF7CB
- FFF9D9
- FFFBE6
- FFFDF2
Ombre
- DECB60
- BEAE51
- 9E9143
- 807535
- 635A27
- 48411A
- 2E290E
- 161304
- 030301
Toni
- F2DF75
- E4D478
- D7CA7B
- CABF7D
- BDB47F
- B1AA80
- A49F81
- 989581
- 8C8A81
Armonie di colore
Complementare +180°
- FFEA70
Fuzzy Duckling
- E3E6FF
≈ Lavender Mist
Analogo -30° +30°
- FFEA70
Fuzzy Duckling
- FFE3C4
≈ Fall Straw
- C9FB92
≈ Celery Mousse
Triadico +120° +240°
- FFEA70
Fuzzy Duckling
- C5F1FF
≈ Heaven’s Gate
- FFDCF2
≈ Silky Pink
Complementare divisa +150° +210°
- FFEA70
Fuzzy Duckling
- D7EBFF
≈ Cloudless
- F1E1FF
≈ Lavender Savour
Tetradico +90° +180° +270°
- FFEA70
Fuzzy Duckling
- 8EFFF7
≈ Glitter Shower
- E3E6FF
≈ Lavender Mist
- FFDFE3
≈ Sweet Mallow
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.21:1 · APCA Lc 11
Ag
AAASu nero
WCAG 17.25:1 · APCA Lc 94
Miglior colore del testo: #000000
WCAG 17.25:1 (AAA) · APCA Lc 94
Contrast pairs
Frammenti di codice
CSS
:root {
--fuzzy-duckling: #ffea70;
--fuzzy-duckling-rgb: 255 234 112;
--fuzzy-duckling-oklch: oklch(0.931 0.143 99.7);
}
.element {
color: var(--fuzzy-duckling);
background-color: hsl(51 100% 72%);
border-color: oklch(0.931 0.143 99.7);
}Tailwind CSS v4
@theme {
--color-fuzzy-duckling: #ffea70;
--color-fuzzy-duckling-50: #fdf7c8;
--color-fuzzy-duckling-100: #f1eab3;
--color-fuzzy-duckling-200: #e0d78e;
--color-fuzzy-duckling-300: #c6ba5e;
--color-fuzzy-duckling-400: #b39f21;
--color-fuzzy-duckling-500: #9e8600;
--color-fuzzy-duckling-600: #857100;
--color-fuzzy-duckling-700: #6b5b00;
--color-fuzzy-duckling-800: #504200;
--color-fuzzy-duckling-900: #382d00;
--color-fuzzy-duckling-950: #221a00;
}SCSS
$fuzzy-duckling: #ffea70;
$fuzzy-duckling-rgb: 255, 234, 112;
$fuzzy-duckling-light: mix(#fff, $fuzzy-duckling, 20%);
$fuzzy-duckling-dark: mix(#000, $fuzzy-duckling, 20%);
.element {
color: $fuzzy-duckling;
box-shadow: 0 0 0 2px rgba($fuzzy-duckling, 0.35);
}