Couleur nommée · #FF017F
Berry Blast
Berry Blast correspond à #FF017F : rgb(255 1 127), hsl(330 100% 50%), oklch(0.645 0.26 2.8). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Red mean? → · Berry Blast color name →
#FF017F
oklch(0.645 0.26 2.8)
Conversions de couleur
- HEX
- #ff017f
- RGB
- rgb(255 1 127)
- HSL
- hsl(330 100% 50%)
- HWB
- hwb(330 0% 0%)
- OKLCH
- oklch(0.645 0.26 2.8)
- OKLab
- oklab(0.645 0.26 0.013)
- CIE Lab
- lab(55.64 83.72 6.45)
- LCH
- lch(55.64 83.97 4.4)
- CMYK
- cmyk(0% 100% 50% 0%)
Teintes · Ombres · Tons
Teintes
- FF408B
- FF5D97
- FF76A4
- FF8CB0
- FFA0BD
- FFB4CA
- FFC7D7
- FFDAE4
- FFECF2
Ombres
- DE016E
- BE015D
- 9E004C
- 80003C
- 63002D
- 48001F
- 2E0011
- 160006
- 030001
Tons
- F42E7F
- E9417F
- DD4E7F
- D2597F
- C56280
- B96A80
- AC7080
- 9E7680
- 907B80
Harmonies de couleurs
Complémentaire +180°
- FF017F
Berry Blast
- 00A494
≈ Tropical Sea
Analogue -30° +30°
- FF017F
Berry Blast
- E131D0
≈ Méi Gūi Zǐ Purple
- FE3400
≈ Boiling Magma
Triadique +120° +240°
- FF017F
Berry Blast
- 7D9C00
≈ Luminescent Green
- 0096E4
≈ Atmosphere
Complémentaire divisée +150° +210°
- FF017F
Berry Blast
- 00A959
≈ Rita Repulsa
- 009FB6
≈ January Blue
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.77:1 · APCA Lc 62
Ag
AASur noir
WCAG 5.56:1 · APCA Lc 39
Meilleure couleur de texte: #000000
WCAG 5.56:1 (AA) · APCA Lc 39
Contrast pairs
Extraits de code
CSS
:root {
--berry-blast: #ff017f;
--berry-blast-rgb: 255 1 127;
--berry-blast-oklch: oklch(0.645 0.26 2.8);
}
.element {
color: var(--berry-blast);
background-color: hsl(330 100% 50%);
border-color: oklch(0.645 0.26 2.8);
}Tailwind CSS v4
@theme {
--color-berry-blast: #ff017f;
--color-berry-blast-50: #ffd6eb;
--color-berry-blast-100: #ffc3dc;
--color-berry-blast-200: #ffa1c6;
--color-berry-blast-300: #ff73a6;
--color-berry-blast-400: #ff3d90;
--color-berry-blast-500: #fe0076;
--color-berry-blast-600: #d70064;
--color-berry-blast-700: #ad0050;
--color-berry-blast-800: #81003d;
--color-berry-blast-900: #5b002a;
--color-berry-blast-950: #3d0018;
}SCSS
$berry-blast: #ff017f;
$berry-blast-rgb: 255, 1, 127;
$berry-blast-light: mix(#fff, $berry-blast, 20%);
$berry-blast-dark: mix(#000, $berry-blast, 20%);
.element {
color: $berry-blast;
box-shadow: 0 0 0 2px rgba($berry-blast, 0.35);
}