Colore con nome · #FAD7B0
Satin Latour
Satin Latour è #FAD7B0: rgb(250 215 176), hsl(32 88% 84%), oklch(0.899 0.064 69.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Satin Latour color name →
#FAD7B0
oklch(0.899 0.064 69.9)
Conversioni di colore
- HEX
- #fad7b0
- RGB
- rgb(250 215 176)
- HSL
- hsl(32 88% 84%)
- HWB
- hwb(32 69% 2%)
- OKLCH
- oklch(0.899 0.064 69.9)
- OKLab
- oklab(0.899 0.022 0.06)
- CIE Lab
- lab(88.26 8.5 24.07)
- LCH
- lch(88.26 25.52 70.6)
- CMYK
- cmyk(0% 14% 30% 2%)
Tinte · Ombre · Toni
Tinte
- FBDBB8
- FBDFC0
- FCE3C8
- FCE7D0
- FDEBD8
- FDEFE0
- FEF3E7
- FEF7EF
- FFFBF7
Ombre
- D9BB99
- BA9F82
- 9B856C
- 7D6B56
- 615242
- 463B2E
- 2D251C
- 15110B
- 030201
Toni
- EDCEAB
- E1C5A7
- D4BCA2
- C8B39D
- BBAB98
- AFA294
- A3998F
- 97918A
- 8C8885
Armonie di colore
Complementare +180°
- FAD7B0
Satin Latour
- C5E1FF
≈ Dithered Sky
Analogo -30° +30°
- FAD7B0
Satin Latour
- FFD2C3
≈ Simply Delicious
- E7DFAE
≈ Star Bright
Triadico +120° +240°
- FAD7B0
Satin Latour
- ACECE7
≈ Spearmint Water
- EBD3FE
≈ Rose Dragée
Complementare divisa +150° +210°
- FAD7B0
Satin Latour
- AEE8FB
≈ Fresh Air
- D6DBFF
≈ Transparent Blue
Tetradico +90° +180° +270°
- FAD7B0
Satin Latour
- BAEBCF
≈ Lost Lace
- C5E1FF
≈ Dithered Sky
- FCCEEB
≈ Classic Rose
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.36:1 · APCA Lc 18
Ag
AAASu nero
WCAG 15.41:1 · APCA Lc 86
Miglior colore del testo: #000000
WCAG 15.41:1 (AAA) · APCA Lc 86
Contrast pairs
Frammenti di codice
CSS
:root {
--satin-latour: #fad7b0;
--satin-latour-rgb: 250 215 176;
--satin-latour-oklch: oklch(0.899 0.064 69.9);
}
.element {
color: var(--satin-latour);
background-color: hsl(32 88% 84%);
border-color: oklch(0.899 0.064 69.9);
}Tailwind CSS v4
@theme {
--color-satin-latour: #fad7b0;
--color-satin-latour-50: #fff3e2;
--color-satin-latour-100: #f6e5d1;
--color-satin-latour-200: #e6d0b7;
--color-satin-latour-300: #ccb394;
--color-satin-latour-400: #b79875;
--color-satin-latour-500: #a27f56;
--color-satin-latour-600: #896b4a;
--color-satin-latour-700: #6e563b;
--color-satin-latour-800: #513e2a;
--color-satin-latour-900: #392b1c;
--color-satin-latour-950: #23180c;
}SCSS
$satin-latour: #fad7b0;
$satin-latour-rgb: 250, 215, 176;
$satin-latour-light: mix(#fff, $satin-latour, 20%);
$satin-latour-dark: mix(#000, $satin-latour, 20%);
.element {
color: $satin-latour;
box-shadow: 0 0 0 2px rgba($satin-latour, 0.35);
}