Cor nomeada · #FDF3D5
Satin Cream White
Satin Cream White é #FDF3D5: rgb(253 243 213), hsl(45 91% 91%), oklch(0.964 0.041 91.7). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Satin Cream White color name →
#FDF3D5
oklch(0.964 0.041 91.7)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- FDF4D9
- FDF5DE
- FEF7E2
- FEF8E6
- FEF9EA
- FEFAEE
- FEFBF3
- FFFDF7
- FFFEFB
Sombras
- DCD3B9
- BCB49E
- 9D9783
- 7F7A6A
- 625E51
- 47443A
- 2D2B24
- 161410
- 030302
Tons
- F0E7CC
- E3DBC4
- D6CFBB
- C9C3B2
- BDB8AA
- B0ACA1
- A4A199
- 989691
- 8C8B88
Harmonias de cor
Complementar +180°
- FDF3D5
Satin Cream White
- EFF3FF
≈ Placebo Blue
Análoga -30° +30°
- FDF3D5
Satin Cream White
- FFF0E4
≈ Rice Pudding
- EEF8DA
≈ Pastoral
Tríade +120° +240°
- FDF3D5
Satin Cream White
- DDF9FF
≈ Glacial Day
- FFEDFC
≈ Lovely Euphoric Delight
Complementar dividida +150° +210°
- FDF3D5
Satin Cream White
- E9F5FF
≈ Moon White
- F5F0FF
≈ Cloud Break
Tétrade +90° +180° +270°
- FDF3D5
Satin Cream White
- D7FDF5
≈ Candied Snow
- EFF3FF
≈ Placebo Blue
- FFEEF2
≈ Sugar Coated
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.10:1 · APCA Lc 0
Ag
AAASobre preto
WCAG 18.95:1 · APCA Lc 100
Melhor cor de texto: #000000
WCAG 18.95:1 (AAA) · APCA Lc 100
Contrast pairs
Trechos de código
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);
}