Colore con nome · #FFCFDC
Bologna Sausage
Bologna Sausage è #FFCFDC: rgb(255 207 220), hsl(344 100% 91%), oklch(0.9 0.056 0.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Bologna Sausage color name →
#FFCFDC
oklch(0.9 0.056 0.2)
Conversioni di colore
- HEX
- #ffcfdc
- RGB
- rgb(255 207 220)
- HSL
- hsl(344 100% 91%)
- HWB
- hwb(344 81% 0%)
- OKLCH
- oklch(0.9 0.056 0.2)
- OKLab
- oklab(0.9 0.056 0)
- CIE Lab
- lab(87.64 18.91 0.29)
- LCH
- lch(87.64 18.91 0.9)
- CMYK
- cmyk(0% 19% 14% 0%)
Tinte · Ombre · Toni
Tinte
- FFD4DF
- FFD9E3
- FFDDE6
- FFE2EA
- FFE7ED
- FFECF1
- FFF1F4
- FFF5F8
- FFFAFB
Ombre
- DEB4BF
- BE99A3
- 9E7F88
- 80676E
- 634F54
- 48383C
- 2E2326
- 161011
- 030202
Toni
- F2C7D2
- E5BFC9
- D8B7BF
- CBAFB6
- BEA7AD
- B19FA4
- A5979B
- 988F92
- 8C8889
Armonie di colore
Complementare +180°
- FFCFDC
Bologna Sausage
- B6EBDF
≈ Water Leaf
Analogo -30° +30°
- FFCFDC
Bologna Sausage
- F4D1F0
≈ Little Smile
- FFD2C9
≈ Snow Pa
Triadico +120° +240°
- FFCFDC
Bologna Sausage
- D8E4BB
≈ Celery Root
- BEE3FF
≈ Dithered Sky
Complementare divisa +150° +210°
- FFCFDC
Bologna Sausage
- C4E9CB
≈ Granny Apple
- B3E9F3
≈ First of July
Tetradico +90° +180° +270°
- FFCFDC
Bologna Sausage
- ECDDB4
≈ Jodhpurs
- B6EBDF
≈ Water Leaf
- D1DDFF
≈ Arc Light
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.38:1 · APCA Lc 19
Ag
AAASu nero
WCAG 15.21:1 · APCA Lc 85
Miglior colore del testo: #000000
WCAG 15.21:1 (AAA) · APCA Lc 85
Contrast pairs
Frammenti di codice
CSS
:root {
--bologna-sausage: #ffcfdc;
--bologna-sausage-rgb: 255 207 220;
--bologna-sausage-oklch: oklch(0.9 0.056 0.2);
}
.element {
color: var(--bologna-sausage);
background-color: hsl(344 100% 91%);
border-color: oklch(0.9 0.056 0.2);
}Tailwind CSS v4
@theme {
--color-bologna-sausage: #ffcfdc;
--color-bologna-sausage-50: #ffeff4;
--color-bologna-sausage-100: #f9e1e6;
--color-bologna-sausage-200: #eacbd2;
--color-bologna-sausage-300: #d1acb5;
--color-bologna-sausage-400: #bc919d;
--color-bologna-sausage-500: #a67784;
--color-bologna-sausage-600: #8c6570;
--color-bologna-sausage-700: #71505a;
--color-bologna-sausage-800: #533a42;
--color-bologna-sausage-900: #3a282e;
--color-bologna-sausage-950: #24161a;
}SCSS
$bologna-sausage: #ffcfdc;
$bologna-sausage-rgb: 255, 207, 220;
$bologna-sausage-light: mix(#fff, $bologna-sausage, 20%);
$bologna-sausage-dark: mix(#000, $bologna-sausage, 20%);
.element {
color: $bologna-sausage;
box-shadow: 0 0 0 2px rgba($bologna-sausage, 0.35);
}