Color con nombre · #F9006F
Radioactive Eggplant
Radioactive Eggplant es #F9006F: rgb(249 0 111), hsl(333 100% 49%), oklch(0.63 0.253 6.9). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Red mean? → · Radioactive Eggplant color name →
#F9006F
oklch(0.63 0.253 6.9)
Conversiones de color
- HEX
- #f9006f
- RGB
- rgb(249 0 111)
- HSL
- hsl(333 100% 49%)
- HWB
- hwb(333 0% 2%)
- OKLCH
- oklch(0.63 0.253 6.9)
- OKLab
- oklab(0.63 0.251 0.03)
- CIE Lab
- lab(54.07 81.69 13.71)
- LCH
- lch(54.07 82.83 9.5)
- CMYK
- cmyk(0% 100% 55% 2%)
Tintes · Sombras · Tonos
Tintes
- FD3E7C
- FF5C8A
- FF7498
- FF8AA6
- FF9FB5
- FFB3C3
- FFC6D2
- FFD9E1
- FFECF0
Sombras
- D90060
- B90051
- 9A0042
- 7D0034
- 610027
- 46001A
- 2C000E
- 150004
- 030001
Tonos
- EF2D71
- E44073
- D94D74
- CE5876
- C36178
- B76979
- AA707B
- 9D767D
- 8F7B7E
Armonías de color
Complementario +180°
- F9006F
Radioactive Eggplant
- 009E94
≈ Caribbean Turquoise
Análogo -30° +30°
- F9006F
Radioactive Eggplant
- DF2BBF
≈ Loudicious Pink
- EC4600
≈ Glowing Meteor
Triádico +120° +240°
- F9006F
Radioactive Eggplant
- 6F9A00
≈ Green Thumb
- 008EE6
≈ Bleu de France
Complementario dividido +150° +210°
- F9006F
Radioactive Eggplant
- 00A363
≈ Alhambra Green
- 0099B5
≈ Barrier Reef
Tetrádico +90° +180° +270°
- F9006F
Radioactive Eggplant
- A08800
≈ Captain Kirk
- 009E94
≈ Caribbean Turquoise
- 6F75FF
≈ Stargate Shimmer
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 3.99:1 · APCA Lc 64
Ag
AASobre negro
WCAG 5.25:1 · APCA Lc 37
Mejor color de texto: #000000
WCAG 5.25:1 (AA) · APCA Lc 37
Contrast pairs
Fragmentos de código
CSS
:root {
--radioactive-eggplant: #f9006f;
--radioactive-eggplant-rgb: 249 0 111;
--radioactive-eggplant-oklch: oklch(0.63 0.253 6.9);
}
.element {
color: var(--radioactive-eggplant);
background-color: hsl(333 100% 49%);
border-color: oklch(0.63 0.253 6.9);
}Tailwind CSS v4
@theme {
--color-radioactive-eggplant: #f9006f;
--color-radioactive-eggplant-50: #ffd7e6;
--color-radioactive-eggplant-100: #ffc4d6;
--color-radioactive-eggplant-200: #ffa3be;
--color-radioactive-eggplant-300: #ff769c;
--color-radioactive-eggplant-400: #ff4285;
--color-radioactive-eggplant-500: #fe0069;
--color-radioactive-eggplant-600: #d70059;
--color-radioactive-eggplant-700: #ad0047;
--color-radioactive-eggplant-800: #810037;
--color-radioactive-eggplant-900: #5b0025;
--color-radioactive-eggplant-950: #3d0014;
}SCSS
$radioactive-eggplant: #f9006f;
$radioactive-eggplant-rgb: 249, 0, 111;
$radioactive-eggplant-light: mix(#fff, $radioactive-eggplant, 20%);
$radioactive-eggplant-dark: mix(#000, $radioactive-eggplant, 20%);
.element {
color: $radioactive-eggplant;
box-shadow: 0 0 0 2px rgba($radioactive-eggplant, 0.35);
}