Nearest named color · #652D6D
#652D6D
Nearest named color: Imperial
#652D6D (rgb(101 45 109), hsl(293 42% 30%), oklch(0.401 0.12 322.5)) is closest to the named color Imperial. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#652D6D
oklch(0.401 0.12 322.5)
Color conversions
- HEX
- #652d6d
- RGB
- rgb(101 45 109)
- HSL
- hsl(293 42% 30%)
- HWB
- hwb(293 18% 57%)
- OKLCH
- oklch(0.401 0.12 322.5)
- OKLab
- oklab(0.401 0.095 -0.073)
- CIE Lab
- lab(28.65 33.27 -26.28)
- LCH
- lch(28.65 42.39 321.7)
- CMYK
- cmyk(7% 59% 0% 57%)
Tints · Shades · Tones
Tints
- 74417B
- 835589
- 926A98
- A27EA6
- B193B5
- C0A8C3
- D0BDD2
- DFD3E1
- EFE9F0
Shades
- 57265E
- 491F4F
- 3C1841
- 2F1133
- 220B26
- 170619
- 0C020D
- 030104
- 000001
Tones
- 68366F
- 6B3F71
- 6E4774
- 715076
- 745878
- 776079
- 79687B
- 7C707D
- 7E787F
Color harmonies
Complementary +180°
- 652D6D
Imperial
- 155712
≈ Jungle Jam
Analogous -30° +30°
- 652D6D
Imperial
- 4B3882
≈ Galactic Compass
- 75254E
≈ Dried Flower Purple
Triadic +120° +240°
- 652D6D
Imperial
- 5E4300
≈ Mud Brown
- 005258
≈ Cathedral View
Split-complementary +150° +210°
- 652D6D
Imperial
- 494C00
≈ No Emissions Green
- 005543
≈ Sacramento State Green
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAAOn white
WCAG 9.76:1 · APCA Lc 92
Ag
FailOn black
WCAG 2.14:1 · APCA Lc 10
Best text color: #FFFFFF
WCAG 9.76:1 (AAA) · APCA Lc 92
Contrast pairs
Code snippets
CSS
:root {
--imperial: #652d6d;
--imperial-rgb: 101 45 109;
--imperial-oklch: oklch(0.401 0.12 322.5);
}
.element {
color: var(--imperial);
background-color: hsl(293 42% 30%);
border-color: oklch(0.401 0.12 322.5);
}Tailwind CSS v4
@theme {
--color-imperial: #652d6d;
--color-imperial-50: #ffeaff;
--color-imperial-100: #fddbff;
--color-imperial-200: #efc3f1;
--color-imperial-300: #d7a2da;
--color-imperial-400: #c086c8;
--color-imperial-500: #ab69b4;
--color-imperial-600: #915998;
--color-imperial-700: #74477a;
--color-imperial-800: #55345c;
--color-imperial-900: #3b2340;
--color-imperial-950: #251229;
}SCSS
$imperial: #652d6d;
$imperial-rgb: 101, 45, 109;
$imperial-light: mix(#fff, $imperial, 20%);
$imperial-dark: mix(#000, $imperial, 20%);
.element {
color: $imperial;
box-shadow: 0 0 0 2px rgba($imperial, 0.35);
}