Colore con nome · #FCE974
Hazelnut Turkish Delight
Hazelnut Turkish Delight è #FCE974: rgb(252 233 116), hsl(52 96% 72%), oklch(0.927 0.139 100.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Hazelnut Turkish Delight color name →
#FCE974
oklch(0.927 0.139 100.2)
Conversioni di colore
- HEX
- #fce974
- RGB
- rgb(252 233 116)
- HSL
- hsl(52 96% 72%)
- HWB
- hwb(52 45% 1%)
- OKLCH
- oklch(0.927 0.139 100.2)
- OKLab
- oklab(0.927 -0.025 0.137)
- CIE Lab
- lab(92.19 -3.81 58.32)
- LCH
- lch(92.19 58.45 93.7)
- CMYK
- cmyk(0% 8% 54% 1%)
Tinte · Ombre · Toni
Tinte
- FCEC85
- FCEE95
- FDF0A3
- FDF3B1
- FDF5BF
- FDF7CC
- FEF9D9
- FEFBE6
- FFFDF3
Ombre
- DBCB64
- BBAD54
- 9C9045
- 7E7437
- 625A29
- 47411B
- 2D290F
- 161305
- 030301
Toni
- EFDE78
- E2D37B
- D5C97D
- C8BE7F
- BCB480
- B0A981
- A39F81
- 979581
- 8C8A81
Armonie di colore
Complementare +180°
- FCE974
Hazelnut Turkish Delight
- E2E5FF
≈ Lavender Mist
Analogo -30° +30°
- FCE974
Hazelnut Turkish Delight
- FFE1C0
≈ Messinesi
- C8FA95
≈ Celery Mousse
Triadico +120° +240°
- FCE974
Hazelnut Turkish Delight
- C2F0FF
≈ Heaven’s Gate
- FFDAF1
≈ Sweet Sachet
Complementare divisa +150° +210°
- FCE974
Hazelnut Turkish Delight
- D5E9FF
≈ Veiling Waterfalls
- F1DFFF
≈ Lavender Savour
Tetradico +90° +180° +270°
- FCE974
Hazelnut Turkish Delight
- 83FFF8
≈ Glitter Shower
- E2E5FF
≈ Lavender Mist
- FFDDE1
≈ Sweet Mallow
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.23:1 · APCA Lc 11
Ag
AAASu nero
WCAG 17.04:1 · APCA Lc 93
Miglior colore del testo: #000000
WCAG 17.04:1 (AAA) · APCA Lc 93
Contrast pairs
Frammenti di codice
CSS
:root {
--hazelnut-turkish-delight: #fce974;
--hazelnut-turkish-delight-rgb: 252 233 116;
--hazelnut-turkish-delight-oklch: oklch(0.927 0.139 100.2);
}
.element {
color: var(--hazelnut-turkish-delight);
background-color: hsl(52 96% 72%);
border-color: oklch(0.927 0.139 100.2);
}Tailwind CSS v4
@theme {
--color-hazelnut-turkish-delight: #fce974;
--color-hazelnut-turkish-delight-50: #fcf7ca;
--color-hazelnut-turkish-delight-100: #f0eab5;
--color-hazelnut-turkish-delight-200: #dfd791;
--color-hazelnut-turkish-delight-300: #c5ba62;
--color-hazelnut-turkish-delight-400: #b2a02b;
--color-hazelnut-turkish-delight-500: #9c8600;
--color-hazelnut-turkish-delight-600: #847200;
--color-hazelnut-turkish-delight-700: #6a5b00;
--color-hazelnut-turkish-delight-800: #4f4200;
--color-hazelnut-turkish-delight-900: #372d00;
--color-hazelnut-turkish-delight-950: #221a00;
}SCSS
$hazelnut-turkish-delight: #fce974;
$hazelnut-turkish-delight-rgb: 252, 233, 116;
$hazelnut-turkish-delight-light: mix(#fff, $hazelnut-turkish-delight, 20%);
$hazelnut-turkish-delight-dark: mix(#000, $hazelnut-turkish-delight, 20%);
.element {
color: $hazelnut-turkish-delight;
box-shadow: 0 0 0 2px rgba($hazelnut-turkish-delight, 0.35);
}