Couleur nommée · #FFD8DC
Satin Ribbon
Satin Ribbon correspond à #FFD8DC : rgb(255 216 220), hsl(354 100% 92%), oklch(0.916 0.044 11). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Pink mean? → · Satin Ribbon color name →
#FFD8DC
oklch(0.916 0.044 11)
Conversions de couleur
- HEX
- #ffd8dc
- RGB
- rgb(255 216 220)
- HSL
- hsl(354 100% 92%)
- HWB
- hwb(354 85% 0%)
- OKLCH
- oklch(0.916 0.044 11)
- OKLab
- oklab(0.916 0.043 0.008)
- CIE Lab
- lab(89.77 14.47 3.35)
- LCH
- lch(89.77 14.86 13.1)
- CMYK
- cmyk(0% 15% 14% 0%)
Teintes · Ombres · Tons
Teintes
- FFDCDF
- FFE0E3
- FFE4E6
- FFE8EA
- FFECED
- FFEFF1
- FFF3F4
- FFF7F8
- FFFBFB
Ombres
- DEBCBF
- BEA0A3
- 9E8588
- 806B6E
- 635354
- 483B3C
- 2E2526
- 161111
- 030202
Tons
- F2CFD2
- E5C6C9
- D8BDBF
- CBB4B6
- BEABAD
- B1A2A4
- A59A9B
- 989192
- 8C8889
Harmonies de couleurs
Complémentaire +180°
- FFD8DC
Satin Ribbon
- C3EDEA
≈ Gentle Cold
Analogue -30° +30°
- FFD8DC
Satin Ribbon
- F9D8EC
≈ Jacaranda
- FEDACD
≈ Yours Truly
Triadique +120° +240°
- FFD8DC
Satin Ribbon
- D9EACC
≈ Lantana Lime
- CFE6FF
≈ Veiling Waterfalls
Complémentaire divisée +150° +210°
- FFD8DC
Satin Ribbon
- CBEDDA
≈ Jade Palace
- C4EBF8
≈ Frosty Day
Tétradique +90° +180° +270°
- FFD8DC
Satin Ribbon
- E9E5C4
≈ Child of Heaven
- C3EDEA
≈ Gentle Cold
- DEE1FF
≈ Stoic White
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.30:1 · APCA Lc 15
Ag
AAASur noir
WCAG 16.10:1 · APCA Lc 89
Meilleure couleur de texte: #000000
WCAG 16.10:1 (AAA) · APCA Lc 89
Contrast pairs
Extraits de code
CSS
:root {
--satin-ribbon: #ffd8dc;
--satin-ribbon-rgb: 255 216 220;
--satin-ribbon-oklch: oklch(0.916 0.044 11);
}
.element {
color: var(--satin-ribbon);
background-color: hsl(354 100% 92%);
border-color: oklch(0.916 0.044 11);
}Tailwind CSS v4
@theme {
--color-satin-ribbon: #ffd8dc;
--color-satin-ribbon-50: #fff0f1;
--color-satin-ribbon-100: #f6e2e4;
--color-satin-ribbon-200: #e6cdcf;
--color-satin-ribbon-300: #cdafb1;
--color-satin-ribbon-400: #b79498;
--color-satin-ribbon-500: #a17b7f;
--color-satin-ribbon-600: #88686b;
--color-satin-ribbon-700: #6d5356;
--color-satin-ribbon-800: #503c3f;
--color-satin-ribbon-900: #38292b;
--color-satin-ribbon-950: #221719;
}SCSS
$satin-ribbon: #ffd8dc;
$satin-ribbon-rgb: 255, 216, 220;
$satin-ribbon-light: mix(#fff, $satin-ribbon, 20%);
$satin-ribbon-dark: mix(#000, $satin-ribbon, 20%);
.element {
color: $satin-ribbon;
box-shadow: 0 0 0 2px rgba($satin-ribbon, 0.35);
}