Colore con nome · #FAD6A5
Prosecco
Prosecco è #FAD6A5: rgb(250 214 165), hsl(35 89% 81%), oklch(0.895 0.075 75.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Prosecco color name →
#FAD6A5
oklch(0.895 0.075 75.1)
Conversioni di colore
- HEX
- #fad6a5
- RGB
- rgb(250 214 165)
- HSL
- hsl(35 89% 81%)
- HWB
- hwb(35 65% 2%)
- OKLCH
- oklch(0.895 0.075 75.1)
- OKLab
- oklab(0.895 0.019 0.073)
- CIE Lab
- lab(87.85 8 29.17)
- LCH
- lch(87.85 30.25 74.7)
- CMYK
- cmyk(0% 14% 34% 2%)
Tinte · Ombre · Toni
Tinte
- FBDAAE
- FBDEB7
- FCE2C1
- FCE7CA
- FDEBD3
- FDEFDB
- FEF3E4
- FEF7ED
- FFFBF6
Ombre
- D9BA8F
- BA9E79
- 9B8465
- 7D6A51
- 61523D
- 463B2B
- 2D251A
- 15100A
- 030201
Toni
- EDCDA2
- E1C49E
- D4BC9B
- C8B397
- BBAA93
- AFA290
- A3998C
- 979188
- 8C8884
Armonie di colore
Complementare +180°
- FAD6A5
Prosecco
- C6DFFF
≈ Arc Light
Analogo -30° +30°
- FAD6A5
Prosecco
- FFD1BD
≈ Vienna Sausage
- E3E0A6
≈ Breath of Spring
Triadico +120° +240°
- FAD6A5
Prosecco
- A0ECEC
≈ Freezy Breezy
- F0CEFF
≈ Rose Dragée
Complementare divisa +150° +210°
- FAD6A5
Prosecco
- ABE7FF
≈ Fresh Air
- D8D8FF
≈ Icy Plains
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.37:1 · APCA Lc 18
Ag
AAASu nero
WCAG 15.22:1 · APCA Lc 85
Miglior colore del testo: #000000
WCAG 15.22:1 (AAA) · APCA Lc 85
Contrast pairs
Frammenti di codice
CSS
:root {
--prosecco: #fad6a5;
--prosecco-rgb: 250 214 165;
--prosecco-oklch: oklch(0.895 0.075 75.1);
}
.element {
color: var(--prosecco);
background-color: hsl(35 89% 81%);
border-color: oklch(0.895 0.075 75.1);
}Tailwind CSS v4
@theme {
--color-prosecco: #fad6a5;
--color-prosecco-50: #fff3de;
--color-prosecco-100: #f6e5cd;
--color-prosecco-200: #e7d1b1;
--color-prosecco-300: #cdb38d;
--color-prosecco-400: #b9986c;
--color-prosecco-500: #a37f4b;
--color-prosecco-600: #8a6c40;
--color-prosecco-700: #6f5633;
--color-prosecco-800: #523e24;
--color-prosecco-900: #392b18;
--color-prosecco-950: #241809;
}SCSS
$prosecco: #fad6a5;
$prosecco-rgb: 250, 214, 165;
$prosecco-light: mix(#fff, $prosecco, 20%);
$prosecco-dark: mix(#000, $prosecco, 20%);
.element {
color: $prosecco;
box-shadow: 0 0 0 2px rgba($prosecco, 0.35);
}