Benoemde kleur · #FFC8E9
Soulmate Pink
Soulmate Pink is #FFC8E9: rgb(255 200 233), hsl(324 100% 89%), oklch(0.891 0.075 342.1). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Pink mean? → · Soulmate Pink color name →
#FFC8E9
oklch(0.891 0.075 342.1)
Kleurconversies
- HEX
- #ffc8e9
- RGB
- rgb(255 200 233)
- HSL
- hsl(324 100% 89%)
- HWB
- hwb(324 78% 0%)
- OKLCH
- oklch(0.891 0.075 342.1)
- OKLab
- oklab(0.891 0.071 -0.023)
- CIE Lab
- lab(86.3 23.93 -8.51)
- LCH
- lch(86.3 25.4 340.4)
- CMYK
- cmyk(0% 22% 9% 0%)
Tinten · Schaduwen · Tonen
Tinten
- FFCEEB
- FFD3ED
- FFD9F0
- FFDEF2
- FFE4F4
- FFE9F6
- FFEFF8
- FFF4FB
- FFFAFD
Schaduwen
- DEAECB
- BE94AD
- 9E7B90
- 806374
- 634C5A
- 483641
- 2E2129
- 160F13
- 030203
Tonen
- F2C1DE
- E5B9D3
- D8B2C8
- CBABBE
- BEA4B3
- B29CA9
- A5959E
- 998E94
- 8C878A
Kleurharmonieën
Complementair +180°
- FFC8E9
Soulmate Pink
- AEEBCC
≈ Martian Haze
Analoog -30° +30°
- FFC8E9
Soulmate Pink
- ECCEFF
≈ Rose Dragée
- FFCCD1
≈ Lusty-Gallant
Triadisch +120° +240°
- FFC8E9
Soulmate Pink
- E4DEA4
≈ Green Charm
- A3E7FF
≈ Fresh Air
Gesplitst complementair +150° +210°
- FFC8E9
Soulmate Pink
- C9E6B3
≈ Cool Peridot
- 9FEBE8
≈ Freezy Breezy
Tetradisch +90° +180° +270°
- FFC8E9
Soulmate Pink
- FBD4A5
≈ Tuscan
- AEEBCC
≈ Martian Haze
- C2DEFF
≈ Dithered Sky
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.42:1 · APCA Lc 21
Ag
AAAOp zwart
WCAG 14.69:1 · APCA Lc 83
Beste tekstkleur: #000000
WCAG 14.69:1 (AAA) · APCA Lc 83
Contrast pairs
Codefragmenten
CSS
:root {
--soulmate-pink: #ffc8e9;
--soulmate-pink-rgb: 255 200 233;
--soulmate-pink-oklch: oklch(0.891 0.075 342.1);
}
.element {
color: var(--soulmate-pink);
background-color: hsl(324 100% 89%);
border-color: oklch(0.891 0.075 342.1);
}Tailwind CSS v4
@theme {
--color-soulmate-pink: #ffc8e9;
--color-soulmate-pink-50: #ffedfa;
--color-soulmate-pink-100: #fbdeee;
--color-soulmate-pink-200: #edc8dc;
--color-soulmate-pink-300: #d4a9c1;
--color-soulmate-pink-400: #be8dab;
--color-soulmate-pink-500: #a97294;
--color-soulmate-pink-600: #8f617d;
--color-soulmate-pink-700: #724d64;
--color-soulmate-pink-800: #54384b;
--color-soulmate-pink-900: #3b2634;
--color-soulmate-pink-950: #25151f;
}SCSS
$soulmate-pink: #ffc8e9;
$soulmate-pink-rgb: 255, 200, 233;
$soulmate-pink-light: mix(#fff, $soulmate-pink, 20%);
$soulmate-pink-dark: mix(#000, $soulmate-pink, 20%);
.element {
color: $soulmate-pink;
box-shadow: 0 0 0 2px rgba($soulmate-pink, 0.35);
}