Nearest named color · #AF2BD9
#AF2BD9
Nearest named color: Telemagenta
#AF2BD9 (rgb(175 43 217), hsl(286 70% 51%), oklch(0.574 0.252 316)) is closest to the named color Telemagenta. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#AF2BD9
oklch(0.574 0.252 316)
Color conversions
- HEX
- #af2bd9
- RGB
- rgb(175 43 217)
- HSL
- hsl(286 70% 51%)
- HWB
- hwb(286 17% 15%)
- OKLCH
- oklch(0.574 0.252 316)
- OKLab
- oklab(0.574 0.181 -0.175)
- CIE Lab
- lab(46.28 68.66 -62.3)
- LCH
- lch(46.28 92.71 317.8)
- CMYK
- cmyk(19% 80% 0% 15%)
Tints · Shades · Tones
Tints
- B84ADE
- C062E3
- C978E8
- D18CEC
- D9A0F0
- E1B3F4
- E9C6F7
- F0D9FA
- F8ECFD
Shades
- 9824BC
- 811DA1
- 6B1686
- 56106C
- 410A53
- 2E053B
- 1C0225
- 0B0111
- 010002
Tones
- AB3CD1
- A748C8
- A253C0
- 9E5BB7
- 9963AE
- 956AA6
- 90709C
- 8B7693
- 857B8A
Color harmonies
Complementary +180°
- AF2BD9
Telemagenta
- 438E00
≈ Christmas Green
Analogous -30° +30°
- AF2BD9
Telemagenta
- 764EFF
≈ Venetian Nights
- D20096
≈ Indian Lake
Triadic +120° +240°
- AF2BD9
Telemagenta
- A16D00
≈ Balor Brown
- 008A8C
≈ Industrial Blue
Split-complementary +150° +210°
- AF2BD9
Telemagenta
- 837C00
≈ Olive
- 008E68
≈ Sea Swell
Tetradic +90° +180° +270°
- AF2BD9
Telemagenta
- C25200
≈ Orange Rufous
- 438E00
≈ Christmas Green
- 0085AA
≈ Azores Blue
Contrast & accessibility
Ag
AAOn white
WCAG 5.03:1 · APCA Lc 73
Ag
FailOn black
WCAG 4.17:1 · APCA Lc 28
Best text color: #FFFFFF
WCAG 5.03:1 (AA) · APCA Lc 73
Contrast pairs
Code snippets
CSS
:root {
--telemagenta: #af2bd9;
--telemagenta-rgb: 175 43 217;
--telemagenta-oklch: oklch(0.574 0.252 316);
}
.element {
color: var(--telemagenta);
background-color: hsl(286 70% 51%);
border-color: oklch(0.574 0.252 316);
}Tailwind CSS v4
@theme {
--color-telemagenta: #af2bd9;
--color-telemagenta-50: #ffdfff;
--color-telemagenta-100: #ffcdff;
--color-telemagenta-200: #ffb0ff;
--color-telemagenta-300: #eb88ff;
--color-telemagenta-400: #d661ff;
--color-telemagenta-500: #c32cf2;
--color-telemagenta-600: #a529cc;
--color-telemagenta-700: #8422a4;
--color-telemagenta-800: #60177d;
--color-telemagenta-900: #441058;
--color-telemagenta-950: #2c013c;
}SCSS
$telemagenta: #af2bd9;
$telemagenta-rgb: 175, 43, 217;
$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);
}