Color con nombre · #FF2277
Office Neon Light
Office Neon Light es #FF2277: rgb(255 34 119), hsl(337 100% 57%), oklch(0.651 0.248 6.5). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Red mean? → · Office Neon Light color name →
#FF2277
oklch(0.651 0.248 6.5)
Conversiones de color
- HEX
- #ff2277
- RGB
- rgb(255 34 119)
- HSL
- hsl(337 100% 57%)
- HWB
- hwb(337 13% 0%)
- OKLCH
- oklch(0.651 0.248 6.5)
- OKLab
- oklab(0.651 0.246 0.028)
- CIE Lab
- lab(56.6 80.18 12.58)
- LCH
- lch(56.6 81.16 8.9)
- CMYK
- cmyk(0% 87% 53% 0%)
Tintes · Sombras · Tonos
Tintes
- FF4984
- FF6491
- FF7B9E
- FF8FAB
- FFA3B9
- FFB6C7
- FFC9D4
- FFDBE2
- FFEDF1
Sombras
- DE1C67
- BE1657
- 9E1147
- 800B38
- 63072A
- 48031C
- 2E0110
- 160005
- 030001
Tonos
- F43978
- E94879
- DD547A
- D15D7B
- C5657C
- B96C7D
- AC727D
- 9E777E
- 907C7F
Armonías de color
Complementario +180°
- FF2277
Office Neon Light
- 00A69A
≈ Tropical Sea
Análogo -30° +30°
- FF2277
Office Neon Light
- E53AC6
≈ Kriss Me Not Fuchsia
- F84800
≈ Tangelo
Triádico +120° +240°
- FF2277
Office Neon Light
- 75A100
≈ Support Green
- 0095EF
≈ Karimun Blue
Complementario dividido +150° +210°
- FF2277
Office Neon Light
- 00AB66
≈ Go Green!
- 00A0BD
≈ Greek Blue
Tetrádico +90° +180° +270°
- FF2277
Office Neon Light
- A88E00
≈ Bark Sawdust
- 00A69A
≈ Tropical Sea
- 757FFF
≈ Orchid
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 3.65:1 · APCA Lc 62
Ag
AASobre negro
WCAG 5.74:1 · APCA Lc 40
Mejor color de texto: #000000
WCAG 5.74:1 (AA) · APCA Lc 40
Contrast pairs
Fragmentos de código
CSS
:root {
--office-neon-light: #ff2277;
--office-neon-light-rgb: 255 34 119;
--office-neon-light-oklch: oklch(0.651 0.248 6.5);
}
.element {
color: var(--office-neon-light);
background-color: hsl(337 100% 57%);
border-color: oklch(0.651 0.248 6.5);
}Tailwind CSS v4
@theme {
--color-office-neon-light: #ff2277;
--color-office-neon-light-50: #ffd8e7;
--color-office-neon-light-100: #ffc5d7;
--color-office-neon-light-200: #ffa4bf;
--color-office-neon-light-300: #ff789e;
--color-office-neon-light-400: #ff4687;
--color-office-neon-light-500: #fc006b;
--color-office-neon-light-600: #d5005b;
--color-office-neon-light-700: #ab0049;
--color-office-neon-light-800: #800038;
--color-office-neon-light-900: #5b0026;
--color-office-neon-light-950: #3d0014;
}SCSS
$office-neon-light: #ff2277;
$office-neon-light-rgb: 255, 34, 119;
$office-neon-light-light: mix(#fff, $office-neon-light, 20%);
$office-neon-light-dark: mix(#000, $office-neon-light, 20%);
.element {
color: $office-neon-light;
box-shadow: 0 0 0 2px rgba($office-neon-light, 0.35);
}