Nearest named color · #6E346E
#6E346E
Nearest named color: Eminence
#6E346E (rgb(110 52 110), hsl(300 36% 32%), oklch(0.424 0.114 327.4)) is closest to the named color Eminence. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#6E346E
oklch(0.424 0.114 327.4)
Color conversions
- HEX
- #6e346e
- RGB
- rgb(110 52 110)
- HSL
- hsl(300 36% 32%)
- HWB
- hwb(300 20% 57%)
- OKLCH
- oklch(0.424 0.114 327.4)
- OKLab
- oklab(0.424 0.096 -0.062)
- CIE Lab
- lab(31.52 32.8 -22.31)
- LCH
- lch(31.52 39.67 325.8)
- CMYK
- cmyk(0% 53% 0% 57%)
Tints · Shades · Tones
Tints
- 7C477C
- 8B5B8A
- 996E98
- A882A6
- B696B5
- C5AAC3
- D3BFD2
- E2D4E1
- F0E9F0
Shades
- 5F2C5F
- 502450
- 411C41
- 331533
- 260E26
- 190719
- 0E030E
- 040104
- 010001
Tones
- 703C70
- 734472
- 754C74
- 775476
- 795B78
- 7A637A
- 7C6A7B
- 7E717D
- 7F797E
Color harmonies
Complementary +180°
- 6E346E
Eminence
- 125E25
≈ Sombre Green
Analogous -30° +30°
- 6E346E
Eminence
- 563E84
≈ Harvest Night
- 7D2E4F
≈ Flirt
Triadic +120° +240°
- 6E346E
Eminence
- 624A00
≈ Mud Brown
- 005963
≈ Entrapment
Split-complementary +150° +210°
- 6E346E
Eminence
- 4B5500
≈ Highlands Moss
- 005C4E
≈ Evergreen
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAAOn white
WCAG 8.82:1 · APCA Lc 90
Ag
FailOn black
WCAG 2.37:1 · APCA Lc 12
Best text color: #FFFFFF
WCAG 8.82:1 (AAA) · APCA Lc 90
Contrast pairs
Code snippets
CSS
:root {
--eminence: #6e346e;
--eminence-rgb: 110 52 110;
--eminence-oklch: oklch(0.424 0.114 327.4);
}
.element {
color: var(--eminence);
background-color: hsl(300 36% 32%);
border-color: oklch(0.424 0.114 327.4);
}Tailwind CSS v4
@theme {
--color-eminence: #6e346e;
--color-eminence-50: #ffeaff;
--color-eminence-100: #fedbfb;
--color-eminence-200: #f1c3ec;
--color-eminence-300: #d9a2d4;
--color-eminence-400: #c386c1;
--color-eminence-500: #ae69ad;
--color-eminence-600: #935992;
--color-eminence-700: #764775;
--color-eminence-800: #563458;
--color-eminence-900: #3c233d;
--color-eminence-950: #261227;
}SCSS
$eminence: #6e346e;
$eminence-rgb: 110, 52, 110;
$eminence-light: mix(#fff, $eminence, 20%);
$eminence-dark: mix(#000, $eminence, 20%);
.element {
color: $eminence;
box-shadow: 0 0 0 2px rgba($eminence, 0.35);
}