Colore con nome · #F9A765
Candied Yams
Candied Yams è #F9A765: rgb(249 167 101), hsl(27 93% 69%), oklch(0.796 0.127 58.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Candied Yams color name →
#F9A765
oklch(0.796 0.127 58.4)
Conversioni di colore
- HEX
- #f9a765
- RGB
- rgb(249 167 101)
- HSL
- hsl(27 93% 69%)
- HWB
- hwb(27 40% 2%)
- OKLCH
- oklch(0.796 0.127 58.4)
- OKLab
- oklab(0.796 0.067 0.108)
- CIE Lab
- lab(75.8 26.49 46.61)
- LCH
- lch(75.8 53.61 60.4)
- CMYK
- cmyk(0% 33% 59% 2%)
Tinte · Ombre · Toni
Tinte
- FAB076
- FCB986
- FDC296
- FECBA5
- FED4B4
- FFDDC3
- FFE5D2
- FFEEE1
- FFF6F0
Ombre
- D99157
- B97B49
- 9A663C
- 7D522F
- 613E22
- 462C17
- 2C1A0C
- 150A03
- 030100
Toni
- EDA369
- E1A06D
- D49C71
- C89874
- BC9477
- B09179
- A48D7B
- 98887D
- 8C847F
Armonie di colore
Complementare +180°
- F9A765
Candied Yams
- 6EC7FF
≈ Maya Blue
Analogo -30° +30°
- F9A765
Candied Yams
- FF9E91
≈ Peach Amber
- DEB752
≈ Up in Flames
Triadico +120° +240°
- F9A765
Candied Yams
- 46D7BD
≈ Sweet Garden
- C6ABFF
≈ Purple Hepatica
Complementare divisa +150° +210°
- F9A765
Candied Yams
- 33D3E7
≈ Thousand Sons Blue
- A0BAFF
≈ Truesky Gloxym
Tetradico +90° +180° +270°
- F9A765
Candied Yams
- 80D38E
≈ Greek Garden
- 6EC7FF
≈ Maya Blue
- E99EE5
≈ Diva Mecha
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.95:1 · APCA Lc 37
Ag
AAASu nero
WCAG 10.74:1 · APCA Lc 65
Miglior colore del testo: #000000
WCAG 10.74:1 (AAA) · APCA Lc 65
Contrast pairs
Frammenti di codice
CSS
:root {
--candied-yams: #f9a765;
--candied-yams-rgb: 249 167 101;
--candied-yams-oklch: oklch(0.796 0.127 58.4);
}
.element {
color: var(--candied-yams);
background-color: hsl(27 93% 69%);
border-color: oklch(0.796 0.127 58.4);
}Tailwind CSS v4
@theme {
--color-candied-yams: #f9a765;
--color-candied-yams-50: #ffeed1;
--color-candied-yams-100: #ffdfbe;
--color-candied-yams-200: #fdc89d;
--color-candied-yams-300: #e7a873;
--color-candied-yams-400: #d68a4c;
--color-candied-yams-500: #c36d18;
--color-candied-yams-600: #a45d18;
--color-candied-yams-700: #844a14;
--color-candied-yams-800: #63350e;
--color-candied-yams-900: #452408;
--color-candied-yams-950: #2d1300;
}SCSS
$candied-yams: #f9a765;
$candied-yams-rgb: 249, 167, 101;
$candied-yams-light: mix(#fff, $candied-yams, 20%);
$candied-yams-dark: mix(#000, $candied-yams, 20%);
.element {
color: $candied-yams;
box-shadow: 0 0 0 2px rgba($candied-yams, 0.35);
}