Colore con nome · #FDF3D5
Satin Cream White
Satin Cream White è #FDF3D5: rgb(253 243 213), hsl(45 91% 91%), oklch(0.964 0.041 91.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Satin Cream White color name →
#FDF3D5
oklch(0.964 0.041 91.7)
Conversioni di colore
- HEX
- #fdf3d5
- RGB
- rgb(253 243 213)
- HSL
- hsl(45 91% 91%)
- HWB
- hwb(45 84% 1%)
- OKLCH
- oklch(0.964 0.041 91.7)
- OKLab
- oklab(0.964 -0.001 0.041)
- CIE Lab
- lab(96.05 -0.09 15.8)
- LCH
- lch(96.05 15.8 90.3)
- CMYK
- cmyk(0% 4% 16% 1%)
Tinte · Ombre · Toni
Tinte
- FDF4D9
- FDF5DE
- FEF7E2
- FEF8E6
- FEF9EA
- FEFAEE
- FEFBF3
- FFFDF7
- FFFEFB
Ombre
- DCD3B9
- BCB49E
- 9D9783
- 7F7A6A
- 625E51
- 47443A
- 2D2B24
- 161410
- 030302
Toni
- F0E7CC
- E3DBC4
- D6CFBB
- C9C3B2
- BDB8AA
- B0ACA1
- A4A199
- 989691
- 8C8B88
Armonie di colore
Complementare +180°
- FDF3D5
Satin Cream White
- EFF3FF
≈ Placebo Blue
Analogo -30° +30°
- FDF3D5
Satin Cream White
- FFF0E4
≈ Rice Pudding
- EEF8DA
≈ Pastoral
Triadico +120° +240°
- FDF3D5
Satin Cream White
- DDF9FF
≈ Glacial Day
- FFEDFC
≈ Lovely Euphoric Delight
Complementare divisa +150° +210°
- FDF3D5
Satin Cream White
- E9F5FF
≈ Moon White
- F5F0FF
≈ Cloud Break
Tetradico +90° +180° +270°
- FDF3D5
Satin Cream White
- D7FDF5
≈ Candied Snow
- EFF3FF
≈ Placebo Blue
- FFEEF2
≈ Sugar Coated
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.10:1 · APCA Lc 0
Ag
AAASu nero
WCAG 18.95:1 · APCA Lc 100
Miglior colore del testo: #000000
WCAG 18.95:1 (AAA) · APCA Lc 100
Contrast pairs
Frammenti di codice
CSS
:root {
--satin-cream-white: #fdf3d5;
--satin-cream-white-rgb: 253 243 213;
--satin-cream-white-oklch: oklch(0.964 0.041 91.7);
}
.element {
color: var(--satin-cream-white);
background-color: hsl(45 91% 91%);
border-color: oklch(0.964 0.041 91.7);
}Tailwind CSS v4
@theme {
--color-satin-cream-white: #fdf3d5;
--color-satin-cream-white-50: #f9f5e8;
--color-satin-cream-white-100: #ece8d9;
--color-satin-cream-white-200: #dad4c1;
--color-satin-cream-white-300: #beb7a0;
--color-satin-cream-white-400: #a79e84;
--color-satin-cream-white-500: #908668;
--color-satin-cream-white-600: #7a7158;
--color-satin-cream-white-700: #615b46;
--color-satin-cream-white-800: #484232;
--color-satin-cream-white-900: #322d22;
--color-satin-cream-white-950: #1e1a11;
}SCSS
$satin-cream-white: #fdf3d5;
$satin-cream-white-rgb: 253, 243, 213;
$satin-cream-white-light: mix(#fff, $satin-cream-white, 20%);
$satin-cream-white-dark: mix(#000, $satin-cream-white, 20%);
.element {
color: $satin-cream-white;
box-shadow: 0 0 0 2px rgba($satin-cream-white, 0.35);
}