Benannte Farbe · #F88180
Shell Pink
Shell Pink ist #F88180: rgb(248 129 128), hsl(0 90% 74%), oklch(0.737 0.146 21.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Shell Pink color name →
#F88180
oklch(0.737 0.146 21.7)
Farbumrechnungen
- HEX
- #f88180
- RGB
- rgb(248 129 128)
- HSL
- hsl(0 90% 74%)
- HWB
- hwb(0 50% 3%)
- OKLCH
- oklch(0.737 0.146 21.7)
- OKLab
- oklab(0.737 0.135 0.054)
- CIE Lab
- lab(67.97 46.28 22.51)
- LCH
- lch(67.97 51.46 25.9)
- CMYK
- cmyk(0% 48% 48% 3%)
Tints · Shades · Tones
Tints
- FA8E8C
- FC9B99
- FEA8A5
- FFB5B2
- FFC1BE
- FFCECB
- FFDAD8
- FFE6E5
- FFF3F2
Shades
- D86F6E
- B85E5D
- 9A4E4D
- 7C3E3D
- 602E2E
- 451F1F
- 2C1212
- 150606
- 030101
Tones
- EC8280
- E18380
- D58381
- C98381
- BE8381
- B28381
- A68281
- 998280
- 8D8180
Farbharmonien
Komplementär +180°
- F88180
Shell Pink
- 00C1CB
≈ Turquoise Surf
Analog -30° +30°
- F88180
Shell Pink
- EE80B4
≈ Persian Pink
- F18C4B
≈ Poppy Glow
Triadisch +120° +240°
- F88180
Shell Pink
- 71C068
≈ Bermudagrass
- 79A9FF
≈ Fennel Flower
Geteilt komplementär +150° +210°
- F88180
Shell Pink
- 00C69F
≈ Jadeite
- 19B8F5
≈ Zima Blue
Tetradisch +90° +180° +270°
- F88180
Shell Pink
- ADB231
≈ Fusion
- 00C1CB
≈ Turquoise Surf
- AC97FE
≈ Cobalite
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.48:1 · APCA Lc 48
Ag
AAAAuf Schwarz
WCAG 8.44:1 · APCA Lc 54
Beste Textfarbe: #000000
WCAG 8.44:1 (AAA) · APCA Lc 54
Contrast pairs
Code-Snippets
CSS
:root {
--shell-pink: #f88180;
--shell-pink-rgb: 248 129 128;
--shell-pink-oklch: oklch(0.737 0.146 21.7);
}
.element {
color: var(--shell-pink);
background-color: hsl(0 90% 74%);
border-color: oklch(0.737 0.146 21.7);
}Tailwind CSS v4
@theme {
--color-shell-pink: #f88180;
--color-shell-pink-50: #ffe6e1;
--color-shell-pink-100: #ffd6d1;
--color-shell-pink-200: #ffbcb6;
--color-shell-pink-300: #f99993;
--color-shell-pink-400: #e87877;
--color-shell-pink-500: #d55659;
--color-shell-pink-600: #b44a4c;
--color-shell-pink-700: #913b3c;
--color-shell-pink-800: #6c2a2d;
--color-shell-pink-900: #4c1c1e;
--color-shell-pink-950: #320c0e;
}SCSS
$shell-pink: #f88180;
$shell-pink-rgb: 248, 129, 128;
$shell-pink-light: mix(#fff, $shell-pink, 20%);
$shell-pink-dark: mix(#000, $shell-pink, 20%);
.element {
color: $shell-pink;
box-shadow: 0 0 0 2px rgba($shell-pink, 0.35);
}