Color con nombre · #EB84F5
Pinkling
Pinkling es #EB84F5: rgb(235 132 245), hsl(295 85% 74%), oklch(0.764 0.188 323.9). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Purple mean? → · Pinkling color name →
#EB84F5
oklch(0.764 0.188 323.9)
Conversiones de color
- HEX
- #eb84f5
- RGB
- rgb(235 132 245)
- HSL
- hsl(295 85% 74%)
- HWB
- hwb(295 52% 4%)
- OKLCH
- oklch(0.764 0.188 323.9)
- OKLab
- oklab(0.764 0.152 -0.111)
- CIE Lab
- lab(69.87 52.38 -40.02)
- LCH
- lch(69.87 65.91 322.6)
- CMYK
- cmyk(4% 46% 0% 4%)
Tintes · Sombras · Tonos
Tintes
- EE91F7
- F19EF8
- F3ABF9
- F5B7FB
- F7C4FC
- F9D0FD
- FBDCFD
- FDE7FE
- FEF3FF
Sombras
- CC72D5
- AE60B6
- 914F98
- 753F7B
- 5B2F5F
- 412044
- 29122B
- 130615
- 030103
Tonos
- E085E9
- D685DD
- CB85D1
- C085C6
- B685BA
- AB84AE
- A084A3
- 968397
- 8B818C
Armonías de color
Complementario +180°
- EB84F5
Pinkling
- 5BD05D
≈ UFO Green
Análogo -30° +30°
- EB84F5
Pinkling
- B7A1FF
≈ Diva
- FF83BA
≈ Cochonnet
Triádico +120° +240°
- EB84F5
Pinkling
- E1A800
≈ Nectar of the Goddess
- 00CAD8
≈ Jade Glass
Complementario dividido +150° +210°
- EB84F5
Pinkling
- B2BD00
≈ The Killing Joke
- 00D0AB
≈ Mint Leaf
Tetrádico +90° +180° +270°
- EB84F5
Pinkling
- FF9342
≈ Pastel Orange
- 5BD05D
≈ UFO Green
- 39C0FF
≈ Megaman
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.29:1 · APCA Lc 45
Ag
AAASobre negro
WCAG 9.15:1 · APCA Lc 57
Mejor color de texto: #000000
WCAG 9.15:1 (AAA) · APCA Lc 57
Contrast pairs
Fragmentos de código
CSS
:root {
--pinkling: #eb84f5;
--pinkling-rgb: 235 132 245;
--pinkling-oklch: oklch(0.764 0.188 323.9);
}
.element {
color: var(--pinkling);
background-color: hsl(295 85% 74%);
border-color: oklch(0.764 0.188 323.9);
}Tailwind CSS v4
@theme {
--color-pinkling: #eb84f5;
--color-pinkling-50: #ffe3ff;
--color-pinkling-100: #ffd3ff;
--color-pinkling-200: #feb8ff;
--color-pinkling-300: #e894eb;
--color-pinkling-400: #d373dc;
--color-pinkling-500: #bf4fcb;
--color-pinkling-600: #a144ab;
--color-pinkling-700: #823689;
--color-pinkling-800: #5f2768;
--color-pinkling-900: #431a49;
--color-pinkling-950: #2b0930;
}SCSS
$pinkling: #eb84f5;
$pinkling-rgb: 235, 132, 245;
$pinkling-light: mix(#fff, $pinkling, 20%);
$pinkling-dark: mix(#000, $pinkling, 20%);
.element {
color: $pinkling;
box-shadow: 0 0 0 2px rgba($pinkling, 0.35);
}