Colore con nome · #FFD8F0
Sweet Sachet
Sweet Sachet è #FFD8F0: rgb(255 216 240), hsl(323 100% 92%), oklch(0.922 0.053 340.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Sweet Sachet color name →
#FFD8F0
oklch(0.922 0.053 340.8)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- FFDCF2
- FFE0F3
- FFE4F5
- FFE8F6
- FFECF8
- FFEFF9
- FFF3FB
- FFF7FC
- FFFBFE
Ombre
- DEBCD1
- BEA0B2
- 9E8595
- 806B78
- 63535D
- 483B43
- 2E252A
- 161114
- 030203
Toni
- F2CFE4
- E5C6D9
- D8BDCD
- CBB4C2
- BEABB6
- B1A2AB
- A59AA0
- 989195
- 8C888B
Armonie di colore
Complementare +180°
- FFD8F0
Sweet Sachet
- C7F1DA
≈ Pickford
Analogo -30° +30°
- FFD8F0
Sweet Sachet
- F0DCFF
≈ Lavender Savour
- FFDBDF
≈ Strawberry Blonde
Triadico +120° +240°
- FFD8F0
Sweet Sachet
- EDE7BF
≈ Fake Blonde
- BFEEFE
≈ Ice Effect
Complementare divisa +150° +210°
- FFD8F0
Sweet Sachet
- D9EDC8
≈ Greenette
- BDF1ED
≈ Cold Blooded
Tetradico +90° +180° +270°
- FFD8F0
Sweet Sachet
- FDE0BF
≈ Odious Orange
- C7F1DA
≈ Pickford
- D3E8FF
≈ Veiling Waterfalls
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.28:1 · APCA Lc 14
Ag
AAASu nero
WCAG 16.33:1 · APCA Lc 90
Miglior colore del testo: #000000
WCAG 16.33:1 (AAA) · APCA Lc 90
Contrast pairs
Frammenti di codice
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);
}