Dichtstbijzijnde benoemde kleur · #852B56
#852B56
Dichtstbijzijnde benoemde kleur: Pink Horror
#852B56 (rgb(133 43 86), hsl(331 51% 35%), oklch(0.437 0.131 354.4)) 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.
#852B56
oklch(0.437 0.131 354.4)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- 934165
- A05675
- AD6A85
- BA7F96
- C694A7
- D2A8B8
- DDBEC9
- E9D3DB
- F4E9ED
Schaduwen
- 73244A
- 611D3E
- 501632
- 401027
- 300A1C
- 210512
- 130208
- 060102
- 010000
Tonen
- 86355A
- 863F5E
- 874862
- 875067
- 87596B
- 86616F
- 856973
- 847177
- 82787C
Kleurharmonieën
Complementair +180°
- 852B56
Pink Horror
- 00604E
≈ Sci-Fi Takeout
Analoog -30° +30°
- 852B56
Pink Horror
- 733379
≈ Maximum Purple
- 8B2B2B
≈ Borscht
Triadisch +120° +240°
- 852B56
Pink Horror
- 515700
≈ Douro
- 00597C
≈ Commandes
Gesplitst complementair +150° +210°
- 852B56
Pink Horror
- 10631A
≈ Woodland Wonder
- 005D65
≈ Enamelled Jewel
Tetradisch +90° +180° +270°
- 852B56
Pink Horror
- 684D00
≈ Antique Bronze
- 00604E
≈ Sci-Fi Takeout
- 2C4C99
≈ Le Grand Bleu
Contrast en toegankelijkheid
Ag
AAAOp wit
WCAG 8.47:1 · APCA Lc 88
Ag
FailOp zwart
WCAG 2.47:1 · APCA Lc 14
Beste tekstkleur: #FFFFFF
WCAG 8.47:1 (AAA) · APCA Lc 88
Contrast pairs
Codefragmenten
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);
}