Color con nombre · #D91FFF
Afterlife
Afterlife es #D91FFF: rgb(217 31 255), hsl(290 100% 56%), oklch(0.653 0.301 319.4). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Purple mean? → · Afterlife color name →
#D91FFF
oklch(0.653 0.301 319.4)
Conversiones de color
- HEX
- #d91fff
- RGB
- rgb(217 31 255)
- HSL
- hsl(290 100% 56%)
- HWB
- hwb(290 12% 0%)
- OKLCH
- oklch(0.653 0.301 319.4)
- OKLab
- oklab(0.653 0.229 -0.196)
- CIE Lab
- lab(54.54 84.06 -69.96)
- LCH
- lch(54.54 109.36 320.2)
- CMYK
- cmyk(15% 88% 0% 0%)
Tintes · Sombras · Tonos
Tintes
- DE4AFF
- E365FF
- E87CFF
- EC91FF
- F0A5FF
- F4B8FF
- F7CAFF
- FADCFF
- FDEEFF
Sombras
- BC19DE
- A114BE
- 860F9E
- 6C0A80
- 530663
- 3B0348
- 25012E
- 110016
- 020003
Tonos
- D139F3
- C849E6
- C055DA
- B75FCD
- AF67C1
- A66DB4
- 9D73A7
- 93789A
- 8A7C8D
Armonías de color
Complementario +180°
- D91FFF
Afterlife
- 3AAC00
≈ Candy Grass
Análogo -30° +30°
- D91FFF
Afterlife
- 9173FF
≈ Forgotten Purple
- FB00A9
≈ Ms. Pac-Man Kiss
Triádico +120° +240°
- D91FFF
Afterlife
- BB8500
≈ Fig Mustard Yellow
- 00A4AA
≈ Wax Crayon Blue
Complementario dividido +150° +210°
- D91FFF
Afterlife
- 979600
≈ Turtle Moss
- 00A983
≈ Simply Green
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 3.75:1 · APCA Lc 63
Ag
AASobre negro
WCAG 5.59:1 · APCA Lc 39
Mejor color de texto: #000000
WCAG 5.59:1 (AA) · APCA Lc 39
Contrast pairs
Fragmentos de código
CSS
:root {
--afterlife: #d91fff;
--afterlife-rgb: 217 31 255;
--afterlife-oklch: oklch(0.653 0.301 319.4);
}
.element {
color: var(--afterlife);
background-color: hsl(290 100% 56%);
border-color: oklch(0.653 0.301 319.4);
}Tailwind CSS v4
@theme {
--color-afterlife: #d91fff;
--color-afterlife-50: #ffd9ff;
--color-afterlife-100: #ffc6ff;
--color-afterlife-200: #ffa5ff;
--color-afterlife-300: #fa77ff;
--color-afterlife-400: #e645ff;
--color-afterlife-500: #d400fe;
--color-afterlife-600: #b300d6;
--color-afterlife-700: #9000ac;
--color-afterlife-800: #690084;
--color-afterlife-900: #4a005d;
--color-afterlife-950: #300040;
}SCSS
$afterlife: #d91fff;
$afterlife-rgb: 217, 31, 255;
$afterlife-light: mix(#fff, $afterlife, 20%);
$afterlife-dark: mix(#000, $afterlife, 20%);
.element {
color: $afterlife;
box-shadow: 0 0 0 2px rgba($afterlife, 0.35);
}