Najbliższy nazwany kolor · #882D62
#882D62
Najbliższy nazwany kolor: Pink Horror
#882D62 (rgb(136 45 98), hsl(325 50% 35%), oklch(0.449 0.137 348.1)) jest najbliższy nazwanemu kolorowi Pink Horror. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#882D62
oklch(0.449 0.137 348.1)
Konwersje koloru
- HEX
- #882d62
- RGB
- rgb(136 45 98)
- HSL
- hsl(325 50% 35%)
- HWB
- hwb(325 18% 47%)
- OKLCH
- oklch(0.449 0.137 348.1)
- OKLab
- oklab(0.449 0.134 -0.028)
- CIE Lab
- lab(34.19 43.25 -10.14)
- LCH
- lch(34.19 44.43 346.8)
- CMYK
- cmyk(0% 67% 28% 47%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 954371
- A2587F
- AF6C8E
- BB809E
- C795AD
- D3AABD
- DEBFCD
- E9D4DE
- F4E9EE
Odcienie ciemniejsze
- 752654
- 631F47
- 52183A
- 41112D
- 310B21
- 220616
- 13020B
- 060103
- 010000
Tony
- 883765
- 894168
- 89496B
- 88526E
- 885A71
- 876274
- 866977
- 84717A
- 82797D
Harmonie kolorów
Komplementarna +180°
- 882D62
Pink Horror
- 00654B
≈ Green Paw Paw
Analogowa -30° +30°
- 882D62
Pink Horror
- 733785
≈ Maximum Purple
- 912B37
≈ Ancient Red
Triada +120° +240°
- 882D62
Pink Horror
- 5A5800
≈ Douro
- 005E7B
≈ Blue Edge
Komplementarna rozszczepiona +150° +210°
- 882D62
Pink Horror
- 276503
≈ Keen Green
- 006264
≈ Really Teal
Tetrada +90° +180° +270°
- 882D62
Pink Horror
- 714D00
≈ Antique Bronze
- 00654B
≈ Green Paw Paw
- 1C529F
≈ Ruri Blue
Kontrast i dostępność
Ag
AAANa bieli
WCAG 8.08:1 · APCA Lc 87
Ag
FailNa czerni
WCAG 2.59:1 · APCA Lc 15
Najlepszy kolor tekstu: #FFFFFF
WCAG 8.08:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmenty kodu
CSS
:root {
--pink-horror: #882d62;
--pink-horror-rgb: 136 45 98;
--pink-horror-oklch: oklch(0.449 0.137 348.1);
}
.element {
color: var(--pink-horror);
background-color: hsl(325 50% 35%);
border-color: oklch(0.449 0.137 348.1);
}Tailwind CSS v4
@theme {
--color-pink-horror: #882d62;
--color-pink-horror-50: #ffe6fb;
--color-pink-horror-100: #ffd6ee;
--color-pink-horror-200: #ffbddc;
--color-pink-horror-300: #ed9ac1;
--color-pink-horror-400: #d97bac;
--color-pink-horror-500: #c55b96;
--color-pink-horror-600: #a74e7f;
--color-pink-horror-700: #863e65;
--color-pink-horror-800: #632c4c;
--color-pink-horror-900: #451e35;
--color-pink-horror-950: #2d0d20;
}SCSS
$pink-horror: #882d62;
$pink-horror-rgb: 136, 45, 98;
$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);
}