Dichtstbijzijnde benoemde kleur · #8F65B0
#8F65B0
Dichtstbijzijnde benoemde kleur: Lusty Lavender
#8F65B0 (rgb(143 101 176), hsl(274 32% 54%), oklch(0.58 0.12 308.9)) komt het dichtst bij de benoemde kleur Lusty Lavender. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#8F65B0
oklch(0.58 0.12 308.9)
Kleurconversies
- HEX
- #8f65b0
- RGB
- rgb(143 101 176)
- HSL
- hsl(274 32% 54%)
- HWB
- hwb(274 40% 31%)
- OKLCH
- oklch(0.58 0.12 308.9)
- OKLab
- oklab(0.58 0.075 -0.093)
- CIE Lab
- lab(49.58 28.3 -33.75)
- LCH
- lch(49.58 44.05 310)
- CMYK
- cmyk(19% 43% 0% 31%)
Tinten · Schaduwen · Tonen
Tinten
- 9A74B8
- A583C0
- B092C9
- BBA1D1
- C6B1D8
- D1C0E0
- DCD0E8
- E8DFF0
- F3EFF7
Schaduwen
- 7C5799
- 694982
- 573C6C
- 452F56
- 342242
- 24172E
- 150C1C
- 07030B
- 010001
Tonen
- 8E68AB
- 8C6BA7
- 8B6EA2
- 89719E
- 887499
- 867694
- 85798F
- 837B8A
- 827E85
Kleurharmonieën
Complementair +180°
- 8F65B0
Lusty Lavender
- 648833
≈ Stamnankáthi Green
Analoog -30° +30°
- 8F65B0
Lusty Lavender
- 6C71C0
≈ Purple Toolbox
- A85C92
≈ Meadow Mauve
Triadisch +120° +240°
- 8F65B0
Lusty Lavender
- A86B15
≈ Buckthorn Brown
- 008D86
≈ Aqua Experience
Gesplitst complementair +150° +210°
- 8F65B0
Lusty Lavender
- 8D7B01
≈ Moscow Papyrus
- 268F60
≈ Viridian
Tetradisch +90° +180° +270°
- 8F65B0
Lusty Lavender
- B55F42
≈ Maui Mai Tai
- 648833
≈ Stamnankáthi Green
- 0088A4
≈ Gogo Blue
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 4.51:1 · APCA Lc 71
Ag
AAOp zwart
WCAG 4.65:1 · APCA Lc 31
Beste tekstkleur: #000000
WCAG 4.65:1 (AA) · APCA Lc 31
Contrast pairs
Codefragmenten
CSS
:root {
--lusty-lavender: #8f65b0;
--lusty-lavender-rgb: 143 101 176;
--lusty-lavender-oklch: oklch(0.58 0.12 308.9);
}
.element {
color: var(--lusty-lavender);
background-color: hsl(274 32% 54%);
border-color: oklch(0.58 0.12 308.9);
}Tailwind CSS v4
@theme {
--color-lusty-lavender: #8f65b0;
--color-lusty-lavender-50: #ffecff;
--color-lusty-lavender-100: #f5ddff;
--color-lusty-lavender-200: #e5c6fb;
--color-lusty-lavender-300: #cba6e5;
--color-lusty-lavender-400: #b38ad4;
--color-lusty-lavender-500: #9d6ec2;
--color-lusty-lavender-600: #855da4;
--color-lusty-lavender-700: #6a4b83;
--color-lusty-lavender-800: #4d3663;
--color-lusty-lavender-900: #362545;
--color-lusty-lavender-950: #21132d;
}SCSS
$lusty-lavender: #8f65b0;
$lusty-lavender-rgb: 143, 101, 176;
$lusty-lavender-light: mix(#fff, $lusty-lavender, 20%);
$lusty-lavender-dark: mix(#000, $lusty-lavender, 20%);
.element {
color: $lusty-lavender;
box-shadow: 0 0 0 2px rgba($lusty-lavender, 0.35);
}