Nearest named color · #B924CE
#B924CE
Nearest named color: Telemagenta
#B924CE (rgb(185 36 206), hsl(293 70% 47%), oklch(0.577 0.252 322.2)) is closest to the named color Telemagenta. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#B924CE
oklch(0.577 0.252 322.2)
Color conversions
- HEX
- #b924ce
- RGB
- rgb(185 36 206)
- HSL
- hsl(293 70% 47%)
- HWB
- hwb(293 14% 19%)
- OKLCH
- oklch(0.577 0.252 322.2)
- OKLab
- oklab(0.577 0.199 -0.155)
- CIE Lab
- lab(46.71 70.98 -55.19)
- LCH
- lch(46.71 89.91 322.1)
- CMYK
- cmyk(10% 83% 0% 19%)
Tints · Shades · Tones
Tints
- C146D4
- CA5FDA
- D175DF
- D98AE5
- E09EEA
- E7B2EF
- EDC5F3
- F4D9F7
- F9ECFB
Shades
- A01EB3
- 891898
- 71127F
- 5B0C66
- 46074E
- 310438
- 1E0223
- 0D000F
- 020002
Tones
- B437C7
- AF45BF
- AA50B8
- A559B0
- 9F61A9
- 9A68A1
- 946F99
- 8D7591
- 877B89
Color harmonies
Complementary +180°
- B924CE
Telemagenta
- 0A9400
≈ True Green
Analogous -30° +30°
- B924CE
Telemagenta
- 8546FD
≈ Sweet Escape
- D70087
≈ The Art of Seduction
Triadic +120° +240°
- B924CE
Telemagenta
- 9C7100
≈ Sandy Taupe
- 008A92
≈ Tempo Teal
Split-complementary +150° +210°
- B924CE
Telemagenta
- 7C8000
≈ Drably Olive
- 008E72
≈ Observatory
Tetradic +90° +180° +270°
- B924CE
Telemagenta
- BB5B00
≈ Dry Clay
- 0A9400
≈ True Green
- 0084B3
≈ Lucario Blue
Contrast & accessibility
Ag
AAOn white
WCAG 4.99:1 · APCA Lc 73
Ag
FailOn black
WCAG 4.20:1 · APCA Lc 29
Best text color: #FFFFFF
WCAG 4.99:1 (AA) · APCA Lc 73
Contrast pairs
Code snippets
CSS
:root {
--telemagenta: #b924ce;
--telemagenta-rgb: 185 36 206;
--telemagenta-oklch: oklch(0.577 0.252 322.2);
}
.element {
color: var(--telemagenta);
background-color: hsl(293 70% 47%);
border-color: oklch(0.577 0.252 322.2);
}Tailwind CSS v4
@theme {
--color-telemagenta: #b924ce;
--color-telemagenta-50: #ffddff;
--color-telemagenta-100: #ffcbff;
--color-telemagenta-200: #ffadff;
--color-telemagenta-300: #f584ff;
--color-telemagenta-400: #e05cf4;
--color-telemagenta-500: #cd22e5;
--color-telemagenta-600: #ad22c1;
--color-telemagenta-700: #8b1c9b;
--color-telemagenta-800: #661376;
--color-telemagenta-900: #480d53;
--color-telemagenta-950: #2f0038;
}SCSS
$telemagenta: #b924ce;
$telemagenta-rgb: 185, 36, 206;
$telemagenta-light: mix(#fff, $telemagenta, 20%);
$telemagenta-dark: mix(#000, $telemagenta, 20%);
.element {
color: $telemagenta;
box-shadow: 0 0 0 2px rgba($telemagenta, 0.35);
}