Color con nombre · #FE6FFF
Flamazing Pink
Flamazing Pink es #FE6FFF: rgb(254 111 255), hsl(300 100% 72%), oklch(0.765 0.238 327.3). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Purple mean? → · Flamazing Pink color name →
#FE6FFF
oklch(0.765 0.238 327.3)
Conversiones de color
- HEX
- #fe6fff
- RGB
- rgb(254 111 255)
- HSL
- hsl(300 100% 72%)
- HWB
- hwb(300 44% 0%)
- OKLCH
- oklch(0.765 0.238 327.3)
- OKLab
- oklab(0.765 0.201 -0.129)
- CIE Lab
- lab(69.12 68.45 -46.41)
- LCH
- lch(69.12 82.7 325.9)
- CMYK
- cmyk(0% 56% 0% 0%)
Tintes · Sombras · Tonos
Tintes
- FF80FF
- FF90FF
- FFA0FF
- FFAEFF
- FFBCFF
- FFCAFF
- FFD8FF
- FFE5FF
- FFF2FF
Sombras
- DD60DE
- BD51BE
- 9E429E
- 803480
- 632763
- 471A48
- 2D0E2E
- 160416
- 030103
Tonos
- F273F2
- E577E5
- D97AD8
- CC7CCC
- C07EBF
- B47FB2
- A780A6
- 9A8099
- 8D808D
Armonías de color
Complementario +180°
- FE6FFF
Flamazing Pink
- 00D752
≈ Malachite
Análogo -30° +30°
- FE6FFF
Flamazing Pink
- BD9FFF
≈ Diva
- FF85B3
≈ Cochonnet
Triádico +120° +240°
- FE6FFF
Flamazing Pink
- DDAB00
≈ Chinese Gold
- 00C9DD
≈ The Crowd Roars!
Complementario dividido +150° +210°
- FE6FFF
Flamazing Pink
- ABC000
≈ Bahia
- 00CFB2
≈ Mint Leaf
Tetrádico +90° +180° +270°
- FE6FFF
Flamazing Pink
- FF9434
≈ Energy Orange
- 00D752
≈ Malachite
- 4CBFFF
≈ Hello Summer
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.35:1 · APCA Lc 46
Ag
AAASobre negro
WCAG 8.93:1 · APCA Lc 56
Mejor color de texto: #000000
WCAG 8.93:1 (AAA) · APCA Lc 56
Contrast pairs
Fragmentos de código
CSS
:root {
--flamazing-pink: #fe6fff;
--flamazing-pink-rgb: 254 111 255;
--flamazing-pink-oklch: oklch(0.765 0.238 327.3);
}
.element {
color: var(--flamazing-pink);
background-color: hsl(300 100% 72%);
border-color: oklch(0.765 0.238 327.3);
}Tailwind CSS v4
@theme {
--color-flamazing-pink: #fe6fff;
--color-flamazing-pink-50: #ffddff;
--color-flamazing-pink-100: #ffcbff;
--color-flamazing-pink-200: #ffaeff;
--color-flamazing-pink-300: #f885f2;
--color-flamazing-pink-400: #e45ee5;
--color-flamazing-pink-500: #d129d5;
--color-flamazing-pink-600: #b127b3;
--color-flamazing-pink-700: #8e2090;
--color-flamazing-pink-800: #68166e;
--color-flamazing-pink-900: #490e4d;
--color-flamazing-pink-950: #300133;
}SCSS
$flamazing-pink: #fe6fff;
$flamazing-pink-rgb: 254, 111, 255;
$flamazing-pink-light: mix(#fff, $flamazing-pink, 20%);
$flamazing-pink-dark: mix(#000, $flamazing-pink, 20%);
.element {
color: $flamazing-pink;
box-shadow: 0 0 0 2px rgba($flamazing-pink, 0.35);
}