Couleur nommée · #FFD8F0
Sweet Sachet
Sweet Sachet correspond à #FFD8F0 : rgb(255 216 240), hsl(323 100% 92%), oklch(0.922 0.053 340.8). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Pink mean? → · Sweet Sachet color name →
#FFD8F0
oklch(0.922 0.053 340.8)
Conversions de couleur
- HEX
- #ffd8f0
- RGB
- rgb(255 216 240)
- HSL
- hsl(323 100% 92%)
- HWB
- hwb(323 85% 0%)
- OKLCH
- oklch(0.922 0.053 340.8)
- OKLab
- oklab(0.922 0.05 -0.018)
- CIE Lab
- lab(90.21 16.9 -6.47)
- LCH
- lch(90.21 18.09 339.1)
- CMYK
- cmyk(0% 15% 6% 0%)
Teintes · Ombres · Tons
Teintes
- FFDCF2
- FFE0F3
- FFE4F5
- FFE8F6
- FFECF8
- FFEFF9
- FFF3FB
- FFF7FC
- FFFBFE
Ombres
- DEBCD1
- BEA0B2
- 9E8595
- 806B78
- 63535D
- 483B43
- 2E252A
- 161114
- 030203
Tons
- F2CFE4
- E5C6D9
- D8BDCD
- CBB4C2
- BEABB6
- B1A2AB
- A59AA0
- 989195
- 8C888B
Harmonies de couleurs
Complémentaire +180°
- FFD8F0
Sweet Sachet
- C7F1DA
≈ Pickford
Analogue -30° +30°
- FFD8F0
Sweet Sachet
- F0DCFF
≈ Lavender Savour
- FFDBDF
≈ Strawberry Blonde
Triadique +120° +240°
- FFD8F0
Sweet Sachet
- EDE7BF
≈ Fake Blonde
- BFEEFE
≈ Ice Effect
Complémentaire divisée +150° +210°
- FFD8F0
Sweet Sachet
- D9EDC8
≈ Greenette
- BDF1ED
≈ Cold Blooded
Tétradique +90° +180° +270°
- FFD8F0
Sweet Sachet
- FDE0BF
≈ Odious Orange
- C7F1DA
≈ Pickford
- D3E8FF
≈ Veiling Waterfalls
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.28:1 · APCA Lc 14
Ag
AAASur noir
WCAG 16.33:1 · APCA Lc 90
Meilleure couleur de texte: #000000
WCAG 16.33:1 (AAA) · APCA Lc 90
Contrast pairs
Extraits de code
CSS
:root {
--sweet-sachet: #ffd8f0;
--sweet-sachet-rgb: 255 216 240;
--sweet-sachet-oklch: oklch(0.922 0.053 340.8);
}
.element {
color: var(--sweet-sachet);
background-color: hsl(323 100% 92%);
border-color: oklch(0.922 0.053 340.8);
}Tailwind CSS v4
@theme {
--color-sweet-sachet: #ffd8f0;
--color-sweet-sachet-50: #ffeff9;
--color-sweet-sachet-100: #f5e1ed;
--color-sweet-sachet-200: #e5ccda;
--color-sweet-sachet-300: #ccadbf;
--color-sweet-sachet-400: #b593a8;
--color-sweet-sachet-500: #9f7991;
--color-sweet-sachet-600: #86667b;
--color-sweet-sachet-700: #6c5262;
--color-sweet-sachet-800: #4f3b49;
--color-sweet-sachet-900: #372932;
--color-sweet-sachet-950: #22171e;
}SCSS
$sweet-sachet: #ffd8f0;
$sweet-sachet-rgb: 255, 216, 240;
$sweet-sachet-light: mix(#fff, $sweet-sachet, 20%);
$sweet-sachet-dark: mix(#000, $sweet-sachet, 20%);
.element {
color: $sweet-sachet;
box-shadow: 0 0 0 2px rgba($sweet-sachet, 0.35);
}