Benannte Farbe · #F0DCE3
Piggyback
Piggyback ist #F0DCE3: rgb(240 220 227), hsl(339 40% 90%), oklch(0.913 0.024 354.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Piggyback color name →
#F0DCE3
oklch(0.913 0.024 354.3)
Farbumrechnungen
- HEX
- #f0dce3
- RGB
- rgb(240 220 227)
- HSL
- hsl(339 40% 90%)
- HWB
- hwb(339 86% 6%)
- OKLCH
- oklch(0.913 0.024 354.3)
- OKLab
- oklab(0.913 0.024 -0.002)
- CIE Lab
- lab(89.56 7.98 -0.82)
- LCH
- lch(89.56 8.03 354.1)
- CMYK
- cmyk(0% 8% 5% 6%)
Tints · Shades · Tones
Tints
- F2DFE6
- F3E3E9
- F5E6EB
- F6EAEE
- F8EDF1
- F9F1F4
- FBF4F7
- FCF8F9
- FEFBFC
Shades
- D1BFC5
- B2A3A8
- 95888C
- 786E71
- 5D5457
- 433C3F
- 2A2627
- 141112
- 030203
Tones
- E4D2D9
- D9C9CE
- CDBFC4
- C2B6BA
- B6ADB0
- ABA4A6
- A09B9D
- 959293
- 8B8989
Farbharmonien
Komplementär +180°
- F0DCE3
Piggyback
- D3E8E1
≈ Aqua Glass
Analog -30° +30°
- F0DCE3
Piggyback
- EBDDEB
≈ Sprinkle
- F2DCDA
≈ Hawaiian Shell
Triadisch +120° +240°
- F0DCE3
Piggyback
- E1E4D3
≈ Yoga Daze
- D4E5F0
≈ Pattens Blue
Geteilt komplementär +150° +210°
- F0DCE3
Piggyback
- D9E7D9
≈ Toadstool Dot
- D1E7E9
≈ Bravo Blue
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.30:1 · APCA Lc 15
Ag
AAAAuf Schwarz
WCAG 16.05:1 · APCA Lc 88
Beste Textfarbe: #000000
WCAG 16.05:1 (AAA) · APCA Lc 88
Contrast pairs
Code-Snippets
CSS
:root {
--piggyback: #f0dce3;
--piggyback-rgb: 240 220 227;
--piggyback-oklch: oklch(0.913 0.024 354.3);
}
.element {
color: var(--piggyback);
background-color: hsl(339 40% 90%);
border-color: oklch(0.913 0.024 354.3);
}Tailwind CSS v4
@theme {
--color-piggyback: #f0dce3;
--color-piggyback-50: #fbf2f5;
--color-piggyback-100: #efe5e8;
--color-piggyback-200: #ddd0d4;
--color-piggyback-300: #c2b3b8;
--color-piggyback-400: #ab999f;
--color-piggyback-500: #948087;
--color-piggyback-600: #7d6c72;
--color-piggyback-700: #64575b;
--color-piggyback-800: #493f43;
--color-piggyback-900: #332b2e;
--color-piggyback-950: #1f191b;
}SCSS
$piggyback: #f0dce3;
$piggyback-rgb: 240, 220, 227;
$piggyback-light: mix(#fff, $piggyback, 20%);
$piggyback-dark: mix(#000, $piggyback, 20%);
.element {
color: $piggyback;
box-shadow: 0 0 0 2px rgba($piggyback, 0.35);
}