Color con nombre · #EE99EE
Diva Mecha
Diva Mecha es #EE99EE: rgb(238 153 238), hsl(300 71% 77%), oklch(0.796 0.148 326.9). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Purple mean? → · Diva Mecha color name →
#EE99EE
oklch(0.796 0.148 326.9)
Conversiones de color
- HEX
- #ee99ee
- RGB
- rgb(238 153 238)
- HSL
- hsl(300 71% 77%)
- HWB
- hwb(300 60% 7%)
- OKLCH
- oklch(0.796 0.148 326.9)
- OKLab
- oklab(0.796 0.124 -0.081)
- CIE Lab
- lab(74.22 42.19 -29.49)
- LCH
- lch(74.22 51.47 325)
- CMYK
- cmyk(0% 36% 0% 7%)
Tintes · Sombras · Tonos
Tintes
- F0A4F0
- F3AEF2
- F5B8F4
- F7C3F6
- F8CDF7
- FAD7F9
- FCE1FB
- FDEBFC
- FEF5FE
Sombras
- CF84CF
- B170B1
- 935D93
- 774A77
- 5C385C
- 422742
- 2A172A
- 140814
- 030103
Tonos
- E397E3
- D895D7
- CD93CC
- C290C1
- B78EB6
- AC8BAB
- A189A0
- 968695
- 8B838B
Armonías de color
Complementario +180°
- EE99EE
Diva Mecha
- 76D683
≈ Electric Lettuce
Análogo -30° +30°
- EE99EE
Diva Mecha
- C4ACFF
≈ Purple Hepatica
- FF98BE
≈ Saira Red
Triádico +120° +240°
- EE99EE
Diva Mecha
- E5B534
≈ Last Sunlight
- 00D4E8
≈ Thousand Sons Blue
Complementario dividido +150° +210°
- EE99EE
Diva Mecha
- B6C84E
≈ Asparagus Fern
- 00DBBA
≈ Channel Marker Green
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.01:1 · APCA Lc 39
Ag
AAASobre negro
WCAG 10.42:1 · APCA Lc 63
Mejor color de texto: #000000
WCAG 10.42:1 (AAA) · APCA Lc 63
Contrast pairs
Fragmentos de código
CSS
:root {
--diva-mecha: #ee99ee;
--diva-mecha-rgb: 238 153 238;
--diva-mecha-oklch: oklch(0.796 0.148 326.9);
}
.element {
color: var(--diva-mecha);
background-color: hsl(300 71% 77%);
border-color: oklch(0.796 0.148 326.9);
}Tailwind CSS v4
@theme {
--color-diva-mecha: #ee99ee;
--color-diva-mecha-50: #ffe7ff;
--color-diva-mecha-100: #ffd7ff;
--color-diva-mecha-200: #f8bef4;
--color-diva-mecha-300: #e19cdd;
--color-diva-mecha-400: #cc7dcc;
--color-diva-mecha-500: #b75eb9;
--color-diva-mecha-600: #9b509c;
--color-diva-mecha-700: #7c407d;
--color-diva-mecha-800: #5b2e5e;
--color-diva-mecha-900: #401f42;
--color-diva-mecha-950: #280e2a;
}SCSS
$diva-mecha: #ee99ee;
$diva-mecha-rgb: 238, 153, 238;
$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);
}