Couleur nommée la plus proche · #851B50
#851B50
Couleur nommée la plus proche: Mulberry
#851B50 (rgb(133 27 80), hsl(330 66% 31%), oklch(0.418 0.148 355.4)) est la plus proche de la couleur nommée Mulberry. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#851B50
oklch(0.418 0.148 355.4)
Conversions de couleur
- HEX
- #851b50
- RGB
- rgb(133 27 80)
- HSL
- hsl(330 66% 31%)
- HWB
- hwb(330 11% 48%)
- OKLCH
- oklch(0.418 0.148 355.4)
- OKLab
- oklab(0.418 0.147 -0.012)
- CIE Lab
- lab(30.62 47.28 -3.85)
- LCH
- lch(30.62 47.44 355.3)
- CMYK
- cmyk(0% 80% 40% 48%)
Teintes · Ombres · Tons
Teintes
- 933660
- A14D70
- AE6381
- BB7992
- C78EA3
- D3A4B5
- DFBBC7
- EAD1D9
- F5E8EC
Ombres
- 731644
- 611139
- 500C2E
- 400824
- 30051A
- 210210
- 130107
- 060002
- 010000
Tons
- 862A55
- 873659
- 88405E
- 884A63
- 885468
- 875D6C
- 866671
- 846F76
- 83777B
Harmonies de couleurs
Complémentaire +180°
- 851B50
Mulberry
- 005A4B
≈ Forest Shadows
Analogue -30° +30°
- 851B50
Mulberry
- 732677
≈ Count’s Wardrobe
- 8C1B1E
≈ Shinshu
Triadique +120° +240°
- 851B50
Mulberry
- 4B5200
≈ Highlands Moss
- 005376
≈ World Peace
Complémentaire divisée +150° +210°
- 851B50
Mulberry
- 005E17
≈ Evergreen Shade
- 00575F
≈ Entrapment
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
AAASur blanc
WCAG 9.25:1 · APCA Lc 90
Ag
FailSur noir
WCAG 2.26:1 · APCA Lc 12
Meilleure couleur de texte: #FFFFFF
WCAG 9.25:1 (AAA) · APCA Lc 90
Contrast pairs
Extraits de code
CSS
:root {
--mulberry: #851b50;
--mulberry-rgb: 133 27 80;
--mulberry-oklch: oklch(0.418 0.148 355.4);
}
.element {
color: var(--mulberry);
background-color: hsl(330 66% 31%);
border-color: oklch(0.418 0.148 355.4);
}Tailwind CSS v4
@theme {
--color-mulberry: #851b50;
--color-mulberry-50: #ffe4f5;
--color-mulberry-100: #ffd4e8;
--color-mulberry-200: #ffbad5;
--color-mulberry-300: #f497b8;
--color-mulberry-400: #e176a2;
--color-mulberry-500: #ce558a;
--color-mulberry-600: #ae4975;
--color-mulberry-700: #8c3a5e;
--color-mulberry-800: #682946;
--color-mulberry-900: #491c31;
--color-mulberry-950: #2f0b1d;
}SCSS
$mulberry: #851b50;
$mulberry-rgb: 133, 27, 80;
$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);
}