Benannte Farbe · #F0A1BF
Prism Pink
Prism Pink ist #F0A1BF: rgb(240 161 191), hsl(337 72% 79%), oklch(0.795 0.1 355.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Prism Pink color name →
#F0A1BF
oklch(0.795 0.1 355.2)
Farbumrechnungen
- HEX
- #f0a1bf
- RGB
- rgb(240 161 191)
- HSL
- hsl(337 72% 79%)
- HWB
- hwb(337 63% 6%)
- OKLCH
- oklch(0.795 0.1 355.2)
- OKLab
- oklab(0.795 0.1 -0.008)
- CIE Lab
- lab(74.89 33.15 -2.84)
- LCH
- lch(74.89 33.28 355.1)
- CMYK
- cmyk(0% 33% 20% 6%)
Tints · Shades · Tones
Tints
- F2AAC5
- F4B4CC
- F6BDD2
- F8C7D8
- FAD0DF
- FBD9E5
- FCE3EB
- FDECF2
- FEF6F8
Shades
- D18BA6
- B2768D
- 956275
- 784E5E
- 5D3C48
- 432A33
- 2A191F
- 14090D
- 030102
Tones
- E59EB9
- D99BB2
- CE98AC
- C394A5
- B8919F
- AD8E99
- A28A92
- 96878C
- 8B8486
Farbharmonien
Komplementär +180°
- F0A1BF
Prism Pink
- 6FD1B9
≈ Downy
Analog -30° +30°
- F0A1BF
Prism Pink
- DDA6E0
≈ Plum Juice
- F6A39B
≈ Candlelight Peach
Triadisch +120° +240°
- F0A1BF
Prism Pink
- B9C478
≈ Everglade Glen
- 78C7F4
≈ Nevermind Nirvana
Geteilt komplementär +150° +210°
- F0A1BF
Prism Pink
- 93CE94
≈ Fennel
- 63CFDB
≈ Throat Chakra
Tetradisch +90° +180° +270°
- F0A1BF
Prism Pink
- DAB76E
≈ Harpswell Green
- 6FD1B9
≈ Downy
- 9DBBFD
≈ Truesky Gloxym
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.98:1 · APCA Lc 38
Ag
AAAAuf Schwarz
WCAG 10.55:1 · APCA Lc 64
Beste Textfarbe: #000000
WCAG 10.55:1 (AAA) · APCA Lc 64
Contrast pairs
Code-Snippets
CSS
:root {
--prism-pink: #f0a1bf;
--prism-pink-rgb: 240 161 191;
--prism-pink-oklch: oklch(0.795 0.1 355.2);
}
.element {
color: var(--prism-pink);
background-color: hsl(337 72% 79%);
border-color: oklch(0.795 0.1 355.2);
}Tailwind CSS v4
@theme {
--color-prism-pink: #f0a1bf;
--color-prism-pink-50: #ffeaf5;
--color-prism-pink-100: #ffdbe8;
--color-prism-pink-200: #f9c3d5;
--color-prism-pink-300: #e2a2b8;
--color-prism-pink-400: #ce85a1;
--color-prism-pink-500: #ba6889;
--color-prism-pink-600: #9d5974;
--color-prism-pink-700: #7e475d;
--color-prism-pink-800: #5d3345;
--color-prism-pink-900: #412330;
--color-prism-pink-950: #2a121c;
}SCSS
$prism-pink: #f0a1bf;
$prism-pink-rgb: 240, 161, 191;
$prism-pink-light: mix(#fff, $prism-pink, 20%);
$prism-pink-dark: mix(#000, $prism-pink, 20%);
.element {
color: $prism-pink;
box-shadow: 0 0 0 2px rgba($prism-pink, 0.35);
}