Cor nomeada · #FF0599
Burning Raspberry
Burning Raspberry é #FF0599: rgb(255 5 153), hsl(324 100% 51%), oklch(0.654 0.267 354.8). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Red mean? → · Burning Raspberry color name →
#FF0599
oklch(0.654 0.267 354.8)
Conversões de cor
- HEX
- #ff0599
- RGB
- rgb(255 5 153)
- HSL
- hsl(324 100% 51%)
- HWB
- hwb(324 2% 0%)
- OKLCH
- oklch(0.654 0.267 354.8)
- OKLab
- oklab(0.654 0.266 -0.024)
- CIE Lab
- lab(56.38 84.91 -8.01)
- LCH
- lch(56.38 85.28 354.6)
- CMYK
- cmyk(0% 98% 40% 0%)
Tons claros · Sombras · Tons
Tons claros
- FF41A3
- FF5EAD
- FF76B7
- FF8CC1
- FFA1CB
- FFB4D5
- FFC7E0
- FFDAEA
- FFEDF4
Sombras
- DE0484
- BE0370
- 9E025D
- 80014A
- 630138
- 480027
- 2E0017
- 160008
- 030001
Tons
- F42F97
- E94294
- DD4F92
- D15A8F
- C5638D
- B96A8A
- AC7188
- 9E7685
- 907B83
Harmonias de cor
Complementar +180°
- FF0599
Burning Raspberry
- 00A88C
≈ Moray Eel
Análoga -30° +30°
- FF0599
Burning Raspberry
- DB38E7
≈ Apple II Magenta
- FF3940
≈ Red Coral
Tríade +120° +240°
- FF0599
Burning Raspberry
- 8F9A00
≈ Pea Soup
- 009CD8
≈ Structural Blue
Complementar dividida +150° +210°
- FF0599
Burning Raspberry
- 00AF2D
≈ Pikkoro Green
- 00A3B0
≈ Garish Blue
Tétrade +90° +180° +270°
- FF0599
Burning Raspberry
- B68800
≈ Letter Jacket
- 00A88C
≈ Moray Eel
- 5889FF
≈ Skinny Jeans
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 3.66:1 · APCA Lc 61
Ag
AASobre preto
WCAG 5.73:1 · APCA Lc 40
Melhor cor de texto: #000000
WCAG 5.73:1 (AA) · APCA Lc 40
Contrast pairs
Trechos de código
CSS
:root {
--burning-raspberry: #ff0599;
--burning-raspberry-rgb: 255 5 153;
--burning-raspberry-oklch: oklch(0.654 0.267 354.8);
}
.element {
color: var(--burning-raspberry);
background-color: hsl(324 100% 51%);
border-color: oklch(0.654 0.267 354.8);
}Tailwind CSS v4
@theme {
--color-burning-raspberry: #ff0599;
--color-burning-raspberry-50: #ffd5f6;
--color-burning-raspberry-100: #ffc2e9;
--color-burning-raspberry-200: #ffa0d6;
--color-burning-raspberry-300: #ff71ba;
--color-burning-raspberry-400: #ff3ba7;
--color-burning-raspberry-500: #fb008f;
--color-burning-raspberry-600: #d40079;
--color-burning-raspberry-700: #ab0061;
--color-burning-raspberry-800: #7f004a;
--color-burning-raspberry-900: #5a0034;
--color-burning-raspberry-950: #3c001f;
}SCSS
$burning-raspberry: #ff0599;
$burning-raspberry-rgb: 255, 5, 153;
$burning-raspberry-light: mix(#fff, $burning-raspberry, 20%);
$burning-raspberry-dark: mix(#000, $burning-raspberry, 20%);
.element {
color: $burning-raspberry;
box-shadow: 0 0 0 2px rgba($burning-raspberry, 0.35);
}