Najbliższy nazwany kolor · #852B56
#852B56
Najbliższy nazwany kolor: Pink Horror
#852B56 (rgb(133 43 86), hsl(331 51% 35%), oklch(0.437 0.131 354.4)) jest najbliższy nazwanemu kolorowi Pink Horror. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#852B56
oklch(0.437 0.131 354.4)
Konwersje koloru
- HEX
- #852b56
- RGB
- rgb(133 43 86)
- HSL
- hsl(331 51% 35%)
- HWB
- hwb(331 17% 48%)
- OKLCH
- oklch(0.437 0.131 354.4)
- OKLab
- oklab(0.437 0.13 -0.013)
- CIE Lab
- lab(32.95 41.99 -4.34)
- LCH
- lch(32.95 42.21 354.1)
- CMYK
- cmyk(0% 68% 35% 48%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 934165
- A05675
- AD6A85
- BA7F96
- C694A7
- D2A8B8
- DDBEC9
- E9D3DB
- F4E9ED
Odcienie ciemniejsze
- 73244A
- 611D3E
- 501632
- 401027
- 300A1C
- 210512
- 130208
- 060102
- 010000
Tony
- 86355A
- 863F5E
- 874862
- 875067
- 87596B
- 86616F
- 856973
- 847177
- 82787C
Harmonie kolorów
Komplementarna +180°
- 852B56
Pink Horror
- 00604E
≈ Sci-Fi Takeout
Analogowa -30° +30°
- 852B56
Pink Horror
- 733379
≈ Maximum Purple
- 8B2B2B
≈ Borscht
Triada +120° +240°
- 852B56
Pink Horror
- 515700
≈ Douro
- 00597C
≈ Commandes
Komplementarna rozszczepiona +150° +210°
- 852B56
Pink Horror
- 10631A
≈ Woodland Wonder
- 005D65
≈ Enamelled Jewel
Tetrada +90° +180° +270°
- 852B56
Pink Horror
- 684D00
≈ Antique Bronze
- 00604E
≈ Sci-Fi Takeout
- 2C4C99
≈ Le Grand Bleu
Kontrast i dostępność
Ag
AAANa bieli
WCAG 8.47:1 · APCA Lc 88
Ag
FailNa czerni
WCAG 2.47:1 · APCA Lc 14
Najlepszy kolor tekstu: #FFFFFF
WCAG 8.47:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmenty kodu
CSS
:root {
--pink-horror: #852b56;
--pink-horror-rgb: 133 43 86;
--pink-horror-oklch: oklch(0.437 0.131 354.4);
}
.element {
color: var(--pink-horror);
background-color: hsl(331 51% 35%);
border-color: oklch(0.437 0.131 354.4);
}Tailwind CSS v4
@theme {
--color-pink-horror: #852b56;
--color-pink-horror-50: #ffe6f6;
--color-pink-horror-100: #ffd7e9;
--color-pink-horror-200: #ffbdd6;
--color-pink-horror-300: #ed9bb9;
--color-pink-horror-400: #da7ca3;
--color-pink-horror-500: #c65d8b;
--color-pink-horror-600: #a84f76;
--color-pink-horror-700: #873f5e;
--color-pink-horror-800: #642d47;
--color-pink-horror-900: #461f31;
--color-pink-horror-950: #2d0e1d;
}SCSS
$pink-horror: #852b56;
$pink-horror-rgb: 133, 43, 86;
$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);
}