Nearest named color · #796CB5
#796CB5
Nearest named color: Venus Violet
#796CB5 (rgb(121 108 181), hsl(251 33% 57%), oklch(0.575 0.111 290.7)) is closest to the named color Venus Violet. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#796CB5
oklch(0.575 0.111 290.7)
Color conversions
- HEX
- #796cb5
- RGB
- rgb(121 108 181)
- HSL
- hsl(251 33% 57%)
- HWB
- hwb(251 42% 29%)
- OKLCH
- oklch(0.575 0.111 290.7)
- OKLab
- oklab(0.575 0.039 -0.104)
- CIE Lab
- lab(49.26 18.21 -37.35)
- LCH
- lch(49.26 41.56 296)
- CMYK
- cmyk(33% 40% 0% 29%)
Tints · Shades · Tones
Tints
- 857ABD
- 9289C5
- 9F97CC
- ACA6D4
- B9B4DB
- C7C3E3
- D4D2EA
- E2E1F1
- F1F0F8
Shades
- 685D9D
- 584E86
- 48406F
- 393259
- 2B2544
- 1D1930
- 100D1D
- 05040C
- 010002
Tones
- 796EB0
- 7A71AB
- 7B73A6
- 7B75A1
- 7C779B
- 7D7996
- 7D7B91
- 7E7D8B
- 7F7E86
Color harmonies
Complementary +180°
- 796CB5
Venus Violet
- 7C7E24
≈ Pacifika
Analogous -30° +30°
- 796CB5
Venus Violet
- 5278BA
≈ Diva Violet
- 9662A1
≈ Empire Violet
Triadic +120° +240°
- 796CB5
Venus Violet
- AC6437
≈ Fudgesicle
- 0C8D6F
≈ Festive Green
Split-complementary +150° +210°
- 796CB5
Venus Violet
- 9A7118
≈ Puma
- 528948
≈ The Legend of Green
Tetradic +90° +180° +270°
- 796CB5
Venus Violet
- B15C5C
≈ Pottery Red
- 7C7E24
≈ Pacifika
- 008A90
≈ India Blue
Contrast & accessibility
Ag
AAOn white
WCAG 4.54:1 · APCA Lc 71
Ag
AAOn black
WCAG 4.62:1 · APCA Lc 30
Best text color: #000000
WCAG 4.62:1 (AA) · APCA Lc 30
Contrast pairs
Code snippets
CSS
:root {
--venus-violet: #796cb5;
--venus-violet-rgb: 121 108 181;
--venus-violet-oklch: oklch(0.575 0.111 290.7);
}
.element {
color: var(--venus-violet);
background-color: hsl(251 33% 57%);
border-color: oklch(0.575 0.111 290.7);
}Tailwind CSS v4
@theme {
--color-venus-violet: #796cb5;
--color-venus-violet-50: #f5f0ff;
--color-venus-violet-100: #e8e2ff;
--color-venus-violet-200: #d5ccff;
--color-venus-violet-300: #b9adec;
--color-venus-violet-400: #9e93db;
--color-venus-violet-500: #8778ca;
--color-venus-violet-600: #7266aa;
--color-venus-violet-700: #5b5189;
--color-venus-violet-800: #413b66;
--color-venus-violet-900: #2d2948;
--color-venus-violet-950: #1a162f;
}SCSS
$venus-violet: #796cb5;
$venus-violet-rgb: 121, 108, 181;
$venus-violet-light: mix(#fff, $venus-violet, 20%);
$venus-violet-dark: mix(#000, $venus-violet, 20%);
.element {
color: $venus-violet;
box-shadow: 0 0 0 2px rgba($venus-violet, 0.35);
}