Couleur nommée · #920A4E
Mulberry
Mulberry correspond à #920A4E : rgb(146 10 78), hsl(330 87% 31%), oklch(0.432 0.169 359.1). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Red mean? → · Mulberry color name →
#920A4E
oklch(0.432 0.169 359.1)
Conversions de couleur
- HEX
- #920a4e
- RGB
- rgb(146 10 78)
- HSL
- hsl(330 87% 31%)
- HWB
- hwb(330 4% 43%)
- OKLCH
- oklch(0.432 0.169 359.1)
- OKLab
- oklab(0.432 0.169 -0.003)
- CIE Lab
- lab(31.98 54.37 -0.15)
- LCH
- lch(31.98 54.37 359.8)
- CMYK
- cmyk(0% 93% 47% 43%)
Teintes · Ombres · Tons
Teintes
- A0305E
- AC496E
- B9607F
- C47790
- D08DA2
- DAA4B4
- E4BAC6
- EED1D9
- F7E8EC
Ombres
- 7E0743
- 6B0538
- 58032D
- 460223
- 350119
- 25010F
- 160007
- 080002
- 010000
Tons
- 922253
- 923158
- 913D5D
- 904861
- 8F5266
- 8D5C6B
- 8B6571
- 886E76
- 84777B
Harmonies de couleurs
Complémentaire +180°
- 920A4E
Mulberry
- 005E51
≈ Alpine Green
Analogue -30° +30°
- 920A4E
Mulberry
- 7F1E7C
≈ Hello Darkness My Old Friend
- 980E08
≈ Noble Cause
Triadique +120° +240°
- 920A4E
Mulberry
- 4B5800
≈ Lustrian Undergrowth
- 005680
≈ Mykonos Blue
Complémentaire divisée +150° +210°
- 920A4E
Mulberry
- 006227
≈ Woodland Wonder
- 005B66
≈ Egyptian Enamel
Tétradique +90° +180° +270°
- 920A4E
Mulberry
- 644D00
≈ Olive Brown
- 005E51
≈ Alpine Green
- 2D42AC
≈ Denim
Contraste et accessibilité
Ag
AAASur blanc
WCAG 8.83:1 · APCA Lc 88
Ag
FailSur noir
WCAG 2.37:1 · APCA Lc 14
Meilleure couleur de texte: #FFFFFF
WCAG 8.83:1 (AAA) · APCA Lc 88
Contrast pairs
Extraits de code
CSS
:root {
--mulberry: #920a4e;
--mulberry-rgb: 146 10 78;
--mulberry-oklch: oklch(0.432 0.169 359.1);
}
.element {
color: var(--mulberry);
background-color: hsl(330 87% 31%);
border-color: oklch(0.432 0.169 359.1);
}Tailwind CSS v4
@theme {
--color-mulberry: #920a4e;
--color-mulberry-50: #ffe2f2;
--color-mulberry-100: #ffd1e4;
--color-mulberry-200: #ffb6d0;
--color-mulberry-300: #fe91b2;
--color-mulberry-400: #eb6e9c;
--color-mulberry-500: #d94983;
--color-mulberry-600: #b73f6f;
--color-mulberry-700: #933259;
--color-mulberry-800: #6d2343;
--color-mulberry-900: #4d172e;
--color-mulberry-950: #33071b;
}SCSS
$mulberry: #920a4e;
$mulberry-rgb: 146, 10, 78;
$mulberry-light: mix(#fff, $mulberry, 20%);
$mulberry-dark: mix(#000, $mulberry, 20%);
.element {
color: $mulberry;
box-shadow: 0 0 0 2px rgba($mulberry, 0.35);
}