Warna bernama · #FFCFDC
Bologna Sausage
Bologna Sausage adalah #FFCFDC: rgb(255 207 220), hsl(344 100% 91%), oklch(0.9 0.056 0.2). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Pink mean? → · Bologna Sausage color name →
#FFCFDC
oklch(0.9 0.056 0.2)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- FFD4DF
- FFD9E3
- FFDDE6
- FFE2EA
- FFE7ED
- FFECF1
- FFF1F4
- FFF5F8
- FFFAFB
Shade
- DEB4BF
- BE99A3
- 9E7F88
- 80676E
- 634F54
- 48383C
- 2E2326
- 161011
- 030202
Tone
- F2C7D2
- E5BFC9
- D8B7BF
- CBAFB6
- BEA7AD
- B19FA4
- A5979B
- 988F92
- 8C8889
Harmoni warna
Komplementer +180°
- FFCFDC
Bologna Sausage
- B6EBDF
≈ Water Leaf
Analog -30° +30°
- FFCFDC
Bologna Sausage
- F4D1F0
≈ Little Smile
- FFD2C9
≈ Snow Pa
Triadik +120° +240°
- FFCFDC
Bologna Sausage
- D8E4BB
≈ Celery Root
- BEE3FF
≈ Dithered Sky
Split-komplementer +150° +210°
- FFCFDC
Bologna Sausage
- C4E9CB
≈ Granny Apple
- B3E9F3
≈ First of July
Tetradik +90° +180° +270°
- FFCFDC
Bologna Sausage
- ECDDB4
≈ Jodhpurs
- B6EBDF
≈ Water Leaf
- D1DDFF
≈ Arc Light
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.38:1 · APCA Lc 19
Ag
AAADi atas hitam
WCAG 15.21:1 · APCA Lc 85
Warna teks terbaik: #000000
WCAG 15.21:1 (AAA) · APCA Lc 85
Contrast pairs
Cuplikan kode
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);
}