Dichtstbijzijnde benoemde kleur · #875C99
#875C99
Dichtstbijzijnde benoemde kleur: Vicious Violet
#875C99 (rgb(135 92 153), hsl(282 25% 48%), oklch(0.544 0.104 315.5)) komt het dichtst bij de benoemde kleur Vicious Violet. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#875C99
oklch(0.544 0.104 315.5)
Kleurconversies
- HEX
- #875c99
- RGB
- rgb(135 92 153)
- HSL
- hsl(282 25% 48%)
- HWB
- hwb(282 36% 40%)
- OKLCH
- oklch(0.544 0.104 315.5)
- OKLab
- oklab(0.544 0.074 -0.073)
- CIE Lab
- lab(45.63 26.56 -26.49)
- LCH
- lch(45.63 37.52 315.1)
- CMYK
- cmyk(12% 40% 0% 40%)
Tinten · Schaduwen · Tonen
Tinten
- 936CA3
- 9E7BAD
- AA8BB8
- B69BC2
- C2ABCC
- CEBCD6
- DACCE0
- E6DDEB
- F3EEF5
Schaduwen
- 754F84
- 634270
- 51365D
- 412A4A
- 311F38
- 211427
- 130A17
- 060308
- 010001
Tonen
- 866097
- 866494
- 856892
- 856B90
- 846F8D
- 83728B
- 837688
- 827986
- 817D83
Kleurharmonieën
Complementair +180°
- 875C99
Vicious Violet
- 547D3D
≈ Hot Pepper Green
Analoog -30° +30°
- 875C99
Vicious Violet
- 6B66AA
≈ Blue Iris
- 9A557D
≈ Feminism
Triadisch +120° +240°
- 875C99
Vicious Violet
- 93661B
≈ Cobre
- 008081
≈ Teal
Gesplitst complementair +150° +210°
- 875C99
Vicious Violet
- 79731D
≈ Wood Garlic
- 1E8361
≈ Shadows of Time
Tetradisch +90° +180° +270°
- 875C99
Vicious Violet
- A15B39
≈ Ground Nutmeg
- 547D3D
≈ Hot Pepper Green
- 007C9D
≈ Turkish Tile
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 5.22:1 · APCA Lc 76
Ag
FailOp zwart
WCAG 4.02:1 · APCA Lc 26
Beste tekstkleur: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 76
Contrast pairs
Codefragmenten
CSS
:root {
--vicious-violet: #875c99;
--vicious-violet-rgb: 135 92 153;
--vicious-violet-oklch: oklch(0.544 0.104 315.5);
}
.element {
color: var(--vicious-violet);
background-color: hsl(282 25% 48%);
border-color: oklch(0.544 0.104 315.5);
}Tailwind CSS v4
@theme {
--color-vicious-violet: #875c99;
--color-vicious-violet-50: #ffecff;
--color-vicious-violet-100: #f7deff;
--color-vicious-violet-200: #e7c7f2;
--color-vicious-violet-300: #cea7db;
--color-vicious-violet-400: #b68bc8;
--color-vicious-violet-500: #a070b5;
--color-vicious-violet-600: #885f99;
--color-vicious-violet-700: #6d4c7b;
--color-vicious-violet-800: #4f375c;
--color-vicious-violet-900: #372640;
--color-vicious-violet-950: #221429;
}SCSS
$vicious-violet: #875c99;
$vicious-violet-rgb: 135, 92, 153;
$vicious-violet-light: mix(#fff, $vicious-violet, 20%);
$vicious-violet-dark: mix(#000, $vicious-violet, 20%);
.element {
color: $vicious-violet;
box-shadow: 0 0 0 2px rgba($vicious-violet, 0.35);
}