Dichtstbijzijnde benoemde kleur · #8F2F63
#8F2F63
Dichtstbijzijnde benoemde kleur: Pink Horror
#8F2F63 (rgb(143 47 99), hsl(328 51% 37%), oklch(0.463 0.141 350.5)) komt het dichtst bij de benoemde kleur Pink Horror. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#8F2F63
oklch(0.463 0.141 350.5)
Kleurconversies
- HEX
- #8f2f63
- RGB
- rgb(143 47 99)
- HSL
- hsl(328 51% 37%)
- HWB
- hwb(328 18% 44%)
- OKLCH
- oklch(0.463 0.141 350.5)
- OKLab
- oklab(0.463 0.139 -0.023)
- CIE Lab
- lab(35.8 44.77 -8.22)
- LCH
- lch(35.8 45.52 349.6)
- CMYK
- cmyk(0% 67% 31% 44%)
Tinten · Schaduwen · Tonen
Tinten
- 9C4571
- A85A80
- B46E8F
- C0829E
- CB96AE
- D6ABBE
- E1BFCE
- EBD4DE
- F5EAEE
Schaduwen
- 7C2755
- 692047
- 57193A
- 45122E
- 340C21
- 240616
- 15030B
- 070103
- 010000
Tonen
- 8F3966
- 8E4269
- 8E4B6C
- 8D536F
- 8C5B72
- 8A6374
- 886A77
- 86727A
- 83797D
Kleurharmonieën
Complementair +180°
- 8F2F63
Pink Horror
- 006951
≈ Peacock Green
Analoog -30° +30°
- 8F2F63
Pink Horror
- 7A3988
≈ Perkin Mauve
- 982E36
≈ Pomegranate Seeds
Triadisch +120° +240°
- 8F2F63
Pink Horror
- 5C5D00
≈ Greensboro
- 006183
≈ Blue League
Gesplitst complementair +150° +210°
- 8F2F63
Pink Horror
- 216B10
≈ Avagddu Green
- 00666A
≈ Joyful Tears
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
AAAOp wit
WCAG 7.62:1 · APCA Lc 86
Ag
FailOp zwart
WCAG 2.75:1 · APCA Lc 16
Beste tekstkleur: #FFFFFF
WCAG 7.62:1 (AAA) · APCA Lc 86
Contrast pairs
Codefragmenten
CSS
:root {
--pink-horror: #8f2f63;
--pink-horror-rgb: 143 47 99;
--pink-horror-oklch: oklch(0.463 0.141 350.5);
}
.element {
color: var(--pink-horror);
background-color: hsl(328 51% 37%);
border-color: oklch(0.463 0.141 350.5);
}Tailwind CSS v4
@theme {
--color-pink-horror: #8f2f63;
--color-pink-horror-50: #ffe5f9;
--color-pink-horror-100: #ffd5ec;
--color-pink-horror-200: #ffbcda;
--color-pink-horror-300: #ef99be;
--color-pink-horror-400: #dc79a9;
--color-pink-horror-500: #c85992;
--color-pink-horror-600: #a94c7c;
--color-pink-horror-700: #883d63;
--color-pink-horror-800: #642b4a;
--color-pink-horror-900: #471d34;
--color-pink-horror-950: #2e0d1f;
}SCSS
$pink-horror: #8f2f63;
$pink-horror-rgb: 143, 47, 99;
$pink-horror-light: mix(#fff, $pink-horror, 20%);
$pink-horror-dark: mix(#000, $pink-horror, 20%);
.element {
color: $pink-horror;
box-shadow: 0 0 0 2px rgba($pink-horror, 0.35);
}