Nearest named color · #875FD8
#875FD8
Nearest named color: Legendary Lavender
#875FD8 (rgb(135 95 216), hsl(260 61% 61%), oklch(0.586 0.178 295.6)) is closest to the named color Legendary Lavender. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#875FD8
oklch(0.586 0.178 295.6)
Color conversions
- HEX
- #875fd8
- RGB
- rgb(135 95 216)
- HSL
- hsl(260 61% 61%)
- HWB
- hwb(260 37% 15%)
- OKLCH
- oklch(0.586 0.178 295.6)
- OKLab
- oklab(0.586 0.077 -0.161)
- CIE Lab
- lab(49.2 36.92 -57.38)
- LCH
- lch(49.2 68.23 302.8)
- CMYK
- cmyk(38% 56% 0% 15%)
Tints · Shades · Tones
Tints
- 9270DD
- 9D80E2
- A891E7
- B4A0EB
- C0B0EF
- CCC0F3
- D8D0F6
- E5DFF9
- F2EFFC
Shades
- 7552BC
- 6344A0
- 513885
- 412C6B
- 312053
- 21153B
- 130A25
- 060311
- 010002
Tones
- 8664D0
- 8568C7
- 846CBF
- 8370B6
- 8273AD
- 8276A5
- 81799C
- 817B93
- 807E8A
Color harmonies
Complementary +180°
- 875FD8
Legendary Lavender
- 798500
≈ Swamp Green
Analogous -30° +30°
- 875FD8
Legendary Lavender
- 4873E4
≈ Skies of Cyberspace
- AF4EB4
≈ Orchid Dottyback
Triadic +120° +240°
- 875FD8
Legendary Lavender
- BA6000
≈ Super Leaf Brown
- 009179
≈ Dòu Lǜ Green
Split-complementary +150° +210°
- 875FD8
Legendary Lavender
- 9C7500
≈ Mesozoic Green
- 08962E
≈ Irish Green
Tetradic +90° +180° +270°
- 875FD8
Legendary Lavender
- D14440
≈ Race Car Stripe
- 798500
≈ Swamp Green
- 008C99
≈ Tempo Teal
Contrast & accessibility
Ag
AAOn white
WCAG 4.50:1 · APCA Lc 71
Ag
AAOn black
WCAG 4.65:1 · APCA Lc 31
Best text color: #000000
WCAG 4.65:1 (AA) · APCA Lc 31
Contrast pairs
Code snippets
CSS
:root {
--legendary-lavender: #875fd8;
--legendary-lavender-rgb: 135 95 216;
--legendary-lavender-oklch: oklch(0.586 0.178 295.6);
}
.element {
color: var(--legendary-lavender);
background-color: hsl(260 61% 61%);
border-color: oklch(0.586 0.178 295.6);
}Tailwind CSS v4
@theme {
--color-legendary-lavender: #875fd8;
--color-legendary-lavender-50: #faebff;
--color-legendary-lavender-100: #eedcff;
--color-legendary-lavender-200: #ddc4ff;
--color-legendary-lavender-300: #c2a2ff;
--color-legendary-lavender-400: #a885fb;
--color-legendary-lavender-500: #9365ed;
--color-legendary-lavender-600: #7c56c8;
--color-legendary-lavender-700: #6345a1;
--color-legendary-lavender-800: #473279;
--color-legendary-lavender-900: #312255;
--color-legendary-lavender-950: #1d113a;
}SCSS
$legendary-lavender: #875fd8;
$legendary-lavender-rgb: 135, 95, 216;
$legendary-lavender-light: mix(#fff, $legendary-lavender, 20%);
$legendary-lavender-dark: mix(#000, $legendary-lavender, 20%);
.element {
color: $legendary-lavender;
box-shadow: 0 0 0 2px rgba($legendary-lavender, 0.35);
}