Benannte Farbe · #FF8AD8
Pink Delight
Pink Delight ist #FF8AD8: rgb(255 138 216), hsl(320 100% 77%), oklch(0.785 0.168 341.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Pink mean? → · Pink Delight color name →
#FF8AD8
oklch(0.785 0.168 341.2)
Farbumrechnungen
- HEX
- #ff8ad8
- RGB
- rgb(255 138 216)
- HSL
- hsl(320 100% 77%)
- HWB
- hwb(320 54% 0%)
- OKLCH
- oklch(0.785 0.168 341.2)
- OKLab
- oklab(0.785 0.159 -0.054)
- CIE Lab
- lab(72.65 52.26 -19.61)
- LCH
- lch(72.65 55.81 339.4)
- CMYK
- cmyk(0% 46% 15% 0%)
Tints · Shades · Tones
Tints
- FF97DC
- FFA3E0
- FFAFE4
- FFBBE8
- FFC6EC
- FFD2F0
- FFDDF4
- FFE8F7
- FFF4FB
Shades
- DE77BC
- BE65A0
- 9E5385
- 80426B
- 633253
- 48223B
- 2E1425
- 160711
- 030102
Tones
- F28ACF
- E68AC6
- D989BD
- CD88B4
- C088AB
- B486A3
- A7859A
- 9A8491
- 8D8289
Farbharmonien
Komplementär +180°
- FF8AD8
Pink Delight
- 23D996
≈ Reptile Green
Analog -30° +30°
- FF8AD8
Pink Delight
- D89BFF
≈ Plasma Trail
- FF95A4
≈ Salmon Pink
Triadisch +120° +240°
- FF8AD8
Pink Delight
- D0BB00
≈ Mustard Flower
- 00CDFA
≈ Bright Sky Blue
Geteilt komplementär +150° +210°
- FF8AD8
Pink Delight
- 91CE52
≈ Fairy Tale Green
- 00D4CE
≈ Turquoise Panic
Tetradisch +90° +180° +270°
- FF8AD8
Pink Delight
- FAA307
≈ Mad for Mango
- 23D996
≈ Reptile Green
- 81BEFF
≈ Scenic Water
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.12:1 · APCA Lc 41
Ag
AAAAuf Schwarz
WCAG 9.87:1 · APCA Lc 61
Beste Textfarbe: #000000
WCAG 9.87:1 (AAA) · APCA Lc 61
Contrast pairs
Code-Snippets
CSS
:root {
--pink-delight: #ff8ad8;
--pink-delight-rgb: 255 138 216;
--pink-delight-oklch: oklch(0.785 0.168 341.2);
}
.element {
color: var(--pink-delight);
background-color: hsl(320 100% 77%);
border-color: oklch(0.785 0.168 341.2);
}Tailwind CSS v4
@theme {
--color-pink-delight: #ff8ad8;
--color-pink-delight-50: #ffe3ff;
--color-pink-delight-100: #ffd2f6;
--color-pink-delight-200: #ffb8e7;
--color-pink-delight-300: #f293ce;
--color-pink-delight-400: #df72bb;
--color-pink-delight-500: #cc4fa6;
--color-pink-delight-600: #ac448c;
--color-pink-delight-700: #8a3671;
--color-pink-delight-800: #662755;
--color-pink-delight-900: #481a3b;
--color-pink-delight-950: #2e0a25;
}SCSS
$pink-delight: #ff8ad8;
$pink-delight-rgb: 255, 138, 216;
$pink-delight-light: mix(#fff, $pink-delight, 20%);
$pink-delight-dark: mix(#000, $pink-delight, 20%);
.element {
color: $pink-delight;
box-shadow: 0 0 0 2px rgba($pink-delight, 0.35);
}