Couleur nommée · #650021
Merguez
Merguez correspond à #650021 : rgb(101 0 33), hsl(340 100% 20%), oklch(0.323 0.129 12.3). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Red mean? → · Merguez color name →
#650021
oklch(0.323 0.129 12.3)
Conversions de couleur
- HEX
- #650021
- RGB
- rgb(101 0 33)
- HSL
- hsl(340 100% 20%)
- HWB
- hwb(340 0% 60%)
- OKLCH
- oklch(0.323 0.129 12.3)
- OKLab
- oklab(0.323 0.126 0.028)
- CIE Lab
- lab(19.99 41.79 12.35)
- LCH
- lch(19.99 43.58 16.5)
- CMYK
- cmyk(0% 100% 67% 60%)
Teintes · Ombres · Tons
Teintes
- 762334
- 873C48
- 97535C
- A76B72
- B78388
- C69B9F
- D4B3B6
- E3CCCE
- F1E5E6
Ombres
- 57001B
- 490016
- 3C0010
- 2F000B
- 220006
- 170003
- 0C0001
- 030000
- 000000
Tons
- 6A162A
- 6E2533
- 72323C
- 753E45
- 78494F
- 7B5458
- 7D5F62
- 7E6A6C
- 7F7576
Harmonies de couleurs
Complémentaire +180°
- 650021
Merguez
- 003C3B
≈ Customs Green
Analogue -30° +30°
- 650021
Merguez
- 5B0845
≈ Royal Ash
- 5A1D00
≈ Conker Brown
Triadique +120° +240°
- 650021
Merguez
- 213C00
≈ Hunter Green
- 003463
≈ Prussian Blue
Complémentaire divisée +150° +210°
- 650021
Merguez
- 003E28
≈ Angel Green
- 003A49
≈ Natural Indigo
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
AAASur blanc
WCAG 13.33:1 · APCA Lc 98
Ag
FailSur noir
WCAG 1.57:1 · APCA Lc 0
Meilleure couleur de texte: #FFFFFF
WCAG 13.33:1 (AAA) · APCA Lc 98
Contrast pairs
Extraits de code
CSS
:root {
--merguez: #650021;
--merguez-rgb: 101 0 33;
--merguez-oklch: oklch(0.323 0.129 12.3);
}
.element {
color: var(--merguez);
background-color: hsl(340 100% 20%);
border-color: oklch(0.323 0.129 12.3);
}Tailwind CSS v4
@theme {
--color-merguez: #650021;
--color-merguez-50: #ffe7ea;
--color-merguez-100: #ffd7db;
--color-merguez-200: #ffbec3;
--color-merguez-300: #f29ca3;
--color-merguez-400: #df7d8a;
--color-merguez-500: #cc5d6f;
--color-merguez-600: #ad4f5e;
--color-merguez-700: #8b3f4b;
--color-merguez-800: #672d38;
--color-merguez-900: #481e26;
--color-merguez-950: #2f0e15;
}SCSS
$merguez: #650021;
$merguez-rgb: 101, 0, 33;
$merguez-light: mix(#fff, $merguez, 20%);
$merguez-dark: mix(#000, $merguez, 20%);
.element {
color: $merguez;
box-shadow: 0 0 0 2px rgba($merguez, 0.35);
}