Colore con nome · #FBD5A6
Tuscan
Tuscan è #FBD5A6: rgb(251 213 166), hsl(33 91% 82%), oklch(0.894 0.074 72.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Tuscan color name →
#FBD5A6
oklch(0.894 0.074 72.6)
Conversioni di colore
- HEX
- #fbd5a6
- RGB
- rgb(251 213 166)
- HSL
- hsl(33 91% 82%)
- HWB
- hwb(33 65% 2%)
- OKLCH
- oklch(0.894 0.074 72.6)
- OKLab
- oklab(0.894 0.022 0.071)
- CIE Lab
- lab(87.72 8.96 28.5)
- LCH
- lch(87.72 29.87 72.6)
- CMYK
- cmyk(0% 15% 34% 2%)
Tinte · Ombre · Toni
Tinte
- FCD9AF
- FCDEB8
- FDE2C1
- FDE6CA
- FDEAD3
- FEEEDC
- FEF3E5
- FEF7ED
- FFFBF6
Ombre
- DAB990
- BA9E7A
- 9C8365
- 7E6A51
- 61513E
- 463A2B
- 2D241A
- 15100A
- 030201
Toni
- EECCA2
- E1C49F
- D5BB9B
- C8B298
- BCAA94
- B0A190
- A4998C
- 989188
- 8C8884
Armonie di colore
Complementare +180°
- FBD5A6
Tuscan
- C4DFFF
≈ Dithered Sky
Analogo -30° +30°
- FBD5A6
Tuscan
- FFD0BE
≈ Vienna Sausage
- E5DFA6
≈ Green Charm
Triadico +120° +240°
- FBD5A6
Tuscan
- A1ECE9
≈ Freezy Breezy
- EDCFFF
≈ Rose Dragée
Complementare divisa +150° +210°
- FBD5A6
Tuscan
- A7E7FF
≈ Fresh Air
- D6D8FF
≈ Icy Plains
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.38:1 · APCA Lc 19
Ag
AAASu nero
WCAG 15.17:1 · APCA Lc 85
Miglior colore del testo: #000000
WCAG 15.17:1 (AAA) · APCA Lc 85
Contrast pairs
Frammenti di codice
CSS
:root {
--tuscan: #fbd5a6;
--tuscan-rgb: 251 213 166;
--tuscan-oklch: oklch(0.894 0.074 72.6);
}
.element {
color: var(--tuscan);
background-color: hsl(33 91% 82%);
border-color: oklch(0.894 0.074 72.6);
}Tailwind CSS v4
@theme {
--color-tuscan: #fbd5a6;
--color-tuscan-50: #fff3de;
--color-tuscan-100: #f7e5cd;
--color-tuscan-200: #e8d0b2;
--color-tuscan-300: #ceb28d;
--color-tuscan-400: #ba986d;
--color-tuscan-500: #a57e4d;
--color-tuscan-600: #8b6b42;
--color-tuscan-700: #6f5534;
--color-tuscan-800: #533e25;
--color-tuscan-900: #3a2b18;
--color-tuscan-950: #241809;
}SCSS
$tuscan: #fbd5a6;
$tuscan-rgb: 251, 213, 166;
$tuscan-light: mix(#fff, $tuscan, 20%);
$tuscan-dark: mix(#000, $tuscan, 20%);
.element {
color: $tuscan;
box-shadow: 0 0 0 2px rgba($tuscan, 0.35);
}