Benannte Farbe · #F5BFD1
Pink Destiny
Pink Destiny ist #F5BFD1: rgb(245 191 209), hsl(340 73% 85%), oklch(0.858 0.066 356.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Pink mean? → · Pink Destiny color name →
#F5BFD1
oklch(0.858 0.066 356.7)
Farbumrechnungen
- HEX
- #f5bfd1
- RGB
- rgb(245 191 209)
- HSL
- hsl(340 73% 85%)
- HWB
- hwb(340 75% 4%)
- OKLCH
- oklch(0.858 0.066 356.7)
- OKLab
- oklab(0.858 0.066 -0.004)
- CIE Lab
- lab(82.66 21.96 -1.21)
- LCH
- lch(82.66 21.99 356.8)
- CMYK
- cmyk(0% 22% 15% 4%)
Tints · Shades · Tones
Tints
- F6C5D6
- F8CCDA
- F9D2DF
- FAD9E3
- FBDFE8
- FCE5EC
- FDECF1
- FEF2F6
- FEF9FA
Shades
- D5A6B5
- B68D9B
- 987581
- 7B5E68
- 5F4850
- 443339
- 2B1F23
- 150D10
- 030202
Tones
- E9B9C9
- DDB2C0
- D1ACB8
- C5A6B0
- B99FA8
- AE99A0
- A29398
- 978C90
- 8B8688
Farbharmonien
Komplementär +180°
- F5BFD1
Pink Destiny
- A2DFCF
≈ Menthol Kiss
Analog -30° +30°
- F5BFD1
Pink Destiny
- E8C2E7
≈ Prom Corsage
- F9C0B9
≈ Mystic Rose
Triadisch +120° +240°
- F5BFD1
Pink Destiny
- CDD6A6
≈ Trailing Vine
- A8D8F6
≈ Juzcar Blue
Geteilt komplementär +150° +210°
- F5BFD1
Pink Destiny
- B5DDB7
≈ Summer Sigh
- 9DDDE6
≈ Charlotte
Tetradisch +90° +180° +270°
- F5BFD1
Pink Destiny
- E3CE9F
≈ Prairie Land
- A2DFCF
≈ Menthol Kiss
- BDD0FD
≈ Ice Cold Stare
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.58:1 · APCA Lc 26
Ag
AAAAuf Schwarz
WCAG 13.25:1 · APCA Lc 77
Beste Textfarbe: #000000
WCAG 13.25:1 (AAA) · APCA Lc 77
Contrast pairs
Code-Snippets
CSS
:root {
--pink-destiny: #f5bfd1;
--pink-destiny-rgb: 245 191 209;
--pink-destiny-oklch: oklch(0.858 0.066 356.7);
}
.element {
color: var(--pink-destiny);
background-color: hsl(340 73% 85%);
border-color: oklch(0.858 0.066 356.7);
}Tailwind CSS v4
@theme {
--color-pink-destiny: #f5bfd1;
--color-pink-destiny-50: #ffeef5;
--color-pink-destiny-100: #fcdfe7;
--color-pink-destiny-200: #edc9d4;
--color-pink-destiny-300: #d5aab7;
--color-pink-destiny-400: #bf8f9f;
--color-pink-destiny-500: #aa7487;
--color-pink-destiny-600: #906272;
--color-pink-destiny-700: #734e5b;
--color-pink-destiny-800: #553944;
--color-pink-destiny-900: #3b272f;
--color-pink-destiny-950: #25151b;
}SCSS
$pink-destiny: #f5bfd1;
$pink-destiny-rgb: 245, 191, 209;
$pink-destiny-light: mix(#fff, $pink-destiny, 20%);
$pink-destiny-dark: mix(#000, $pink-destiny, 20%);
.element {
color: $pink-destiny;
box-shadow: 0 0 0 2px rgba($pink-destiny, 0.35);
}