Nearest named color · #E19BEF
#E19BEF
Nearest named color: Diva Mecha
#E19BEF (rgb(225 155 239), hsl(290 72% 77%), oklch(0.786 0.138 320.7)) is closest to the named color Diva Mecha. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#E19BEF
oklch(0.786 0.138 320.7)
Color conversions
- HEX
- #e19bef
- RGB
- rgb(225 155 239)
- HSL
- hsl(290 72% 77%)
- HWB
- hwb(290 61% 6%)
- OKLCH
- oklch(0.786 0.138 320.7)
- OKLab
- oklab(0.786 0.107 -0.087)
- CIE Lab
- lab(73.21 37.07 -31.72)
- LCH
- lch(73.21 48.79 319.4)
- CMYK
- cmyk(6% 35% 0% 6%)
Tints · Shades · Tones
Tints
- E4A5F1
- E8AFF3
- EBBAF5
- EEC4F6
- F1CEF8
- F4D7FA
- F7E1FB
- FAEBFD
- FCF5FE
Shades
- C486D0
- A772B1
- 8B5E94
- 704B78
- 56395C
- 3E2842
- 27182A
- 120914
- 020103
Tones
- D799E4
- CD96D8
- C494CD
- BA91C2
- B08FB7
- A68CAC
- 9D89A1
- 938696
- 8A838B
Color harmonies
Complementary +180°
- E19BEF
Diva Mecha
- 86CF7A
≈ Fluorescence
Analogous -30° +30°
- E19BEF
Diva Mecha
- B9ACFF
≈ Winterspring Lilac
- FB93C4
≈ Himalayan Balsam
Triadic +120° +240°
- E19BEF
Diva Mecha
- E6AF43
≈ Mì Chéng Honey
- 00D2DC
≈ Aztec Turquoise
Split-complementary +150° +210°
- E19BEF
Diva Mecha
- BEC14E
≈ Sativa
- 3FD5AD
≈ Channel Marker Green
Tetradic +90° +180° +270°
- E19BEF
Diva Mecha
- FF9E63
≈ Orange Spice
- 86CF7A
≈ Fluorescence
- 49C8FF
≈ Thor’s Thunder
Contrast & accessibility
Ag
FailOn white
WCAG 2.07:1 · APCA Lc 40
Ag
AAAOn black
WCAG 10.13:1 · APCA Lc 62
Best text color: #000000
WCAG 10.13:1 (AAA) · APCA Lc 62
Contrast pairs
Code snippets
CSS
:root {
--diva-mecha: #e19bef;
--diva-mecha-rgb: 225 155 239;
--diva-mecha-oklch: oklch(0.786 0.138 320.7);
}
.element {
color: var(--diva-mecha);
background-color: hsl(290 72% 77%);
border-color: oklch(0.786 0.138 320.7);
}Tailwind CSS v4
@theme {
--color-diva-mecha: #e19bef;
--color-diva-mecha-50: #ffe9ff;
--color-diva-mecha-100: #ffd9ff;
--color-diva-mecha-200: #f1c1f7;
--color-diva-mecha-300: #d99fe1;
--color-diva-mecha-400: #c382d0;
--color-diva-mecha-500: #ae64bd;
--color-diva-mecha-600: #9355a0;
--color-diva-mecha-700: #764480;
--color-diva-mecha-800: #563160;
--color-diva-mecha-900: #3c2144;
--color-diva-mecha-950: #26102c;
}SCSS
$diva-mecha: #e19bef;
$diva-mecha-rgb: 225, 155, 239;
$diva-mecha-light: mix(#fff, $diva-mecha, 20%);
$diva-mecha-dark: mix(#000, $diva-mecha, 20%);
.element {
color: $diva-mecha;
box-shadow: 0 0 0 2px rgba($diva-mecha, 0.35);
}