Nearest named color · #7B638D
#7B638D
Nearest named color: Muted Purple
#7B638D (rgb(123 99 141), hsl(274 18% 47%), oklch(0.539 0.07 310.2)) is closest to the named color Muted Purple. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#7B638D
oklch(0.539 0.07 310.2)
Color conversions
- HEX
- #7b638d
- RGB
- rgb(123 99 141)
- HSL
- hsl(274 18% 47%)
- HWB
- hwb(274 39% 45%)
- OKLCH
- oklch(0.539 0.07 310.2)
- OKLab
- oklab(0.539 0.045 -0.053)
- CIE Lab
- lab(45.59 16.28 -19.56)
- LCH
- lch(45.59 25.45 309.8)
- CMYK
- cmyk(13% 30% 0% 45%)
Tints · Shades · Tones
Tints
- 877298
- 9480A3
- A190AE
- AE9FBA
- BBAEC5
- C8BED1
- D6CEDC
- E3DEE8
- F1EEF3
Shades
- 6A557A
- 5A4767
- 4A3A55
- 3A2E44
- 2C2133
- 1E1623
- 100B14
- 050307
- 010001
Tones
- 7C668C
- 7C698B
- 7D6C8A
- 7D6F88
- 7E7287
- 7E7586
- 7F7884
- 7F7A83
- 807D81
Color harmonies
Complementary +180°
- 7B638D
Muted Purple
- 61774B
≈ Jolly Green
Analogous -30° +30°
- 7B638D
Muted Purple
- 666A97
≈ Wild Wisteria
- 8A5E7B
≈ Argyle Purple
Triadic +120° +240°
- 7B638D
Muted Purple
- 896740
≈ Eagles Nest
- 367B77
≈ Zirconia Teal
Split-complementary +150° +210°
- 7B638D
Muted Purple
- 78703E
≈ Garden Weed
- 487B60
≈ Como
Tetradic +90° +180° +270°
- 7B638D
Muted Purple
- 92604F
≈ Brown Thrush
- 61774B
≈ Jolly Green
- 3A788B
≈ Adventure
Contrast & accessibility
Ag
AAOn white
WCAG 5.23:1 · APCA Lc 76
Ag
FailOn black
WCAG 4.01:1 · APCA Lc 26
Best text color: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 76
Contrast pairs
Code snippets
CSS
:root {
--muted-purple: #7b638d;
--muted-purple-rgb: 123 99 141;
--muted-purple-oklch: oklch(0.539 0.07 310.2);
}
.element {
color: var(--muted-purple);
background-color: hsl(274 18% 47%);
border-color: oklch(0.539 0.07 310.2);
}Tailwind CSS v4
@theme {
--color-muted-purple: #7b638d;
--color-muted-purple-50: #fcf0ff;
--color-muted-purple-100: #f0e2f9;
--color-muted-purple-200: #deccea;
--color-muted-purple-300: #c4aed2;
--color-muted-purple-400: #ab93be;
--color-muted-purple-500: #9579a9;
--color-muted-purple-600: #7e678f;
--color-muted-purple-700: #655273;
--color-muted-purple-800: #493c55;
--color-muted-purple-900: #33293b;
--color-muted-purple-950: #1e1725;
}SCSS
$muted-purple: #7b638d;
$muted-purple-rgb: 123, 99, 141;
$muted-purple-light: mix(#fff, $muted-purple, 20%);
$muted-purple-dark: mix(#000, $muted-purple, 20%);
.element {
color: $muted-purple;
box-shadow: 0 0 0 2px rgba($muted-purple, 0.35);
}