Nearest named color · #5B0019
#5B0019
Nearest named color: Merguez
#5B0019 (rgb(91 0 25), hsl(344 100% 18%), oklch(0.299 0.12 15.2)) is closest to the named color Merguez. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#5B0019
oklch(0.299 0.12 15.2)
Color conversions
- HEX
- #5b0019
- RGB
- rgb(91 0 25)
- HSL
- hsl(344 100% 18%)
- HWB
- hwb(344 0% 64%)
- OKLCH
- oklch(0.299 0.12 15.2)
- OKLab
- oklab(0.299 0.116 0.031)
- CIE Lab
- lab(17.4 38.7 14.24)
- LCH
- lch(17.4 41.24 20.2)
- CMYK
- cmyk(0% 100% 73% 64%)
Tints · Shades · Tones
Tints
- 6D212C
- 7E3941
- 905156
- A0696C
- B18083
- C1999B
- D1B2B3
- E0CBCC
- F0E5E5
Shades
- 4E0014
- 410010
- 35000B
- 290007
- 1E0004
- 130002
- 090001
- 030000
- 000000
Tones
- 611523
- 66232C
- 6A3036
- 6F3C40
- 73474A
- 765355
- 795E5F
- 7C696A
- 7E7575
Color harmonies
Complementary +180°
- 5B0019
Merguez
- 003536
≈ Shrub Green
Analogous -30° +30°
- 5B0019
Merguez
- 53063B
≈ Royal Ash
- 4F1C00
≈ Chocolate Rush
Triadic +120° +240°
- 5B0019
Merguez
- 183700
≈ Elite Green
- 002C5E
≈ Marine
Split-complementary +150° +210°
- 5B0019
Merguez
- 003726
≈ Off-Road Green
- 003343
≈ Nordic Noir
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAAOn white
WCAG 14.39:1 · APCA Lc 100
Ag
FailOn black
WCAG 1.45:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 14.39:1 (AAA) · APCA Lc 100
Contrast pairs
Code snippets
CSS
:root {
--merguez: #5b0019;
--merguez-rgb: 91 0 25;
--merguez-oklch: oklch(0.299 0.12 15.2);
}
.element {
color: var(--merguez);
background-color: hsl(344 100% 18%);
border-color: oklch(0.299 0.12 15.2);
}Tailwind CSS v4
@theme {
--color-merguez: #5b0019;
--color-merguez-50: #ffe8e9;
--color-merguez-100: #ffd9d9;
--color-merguez-200: #ffc0c2;
--color-merguez-300: #ee9ea1;
--color-merguez-400: #dc8087;
--color-merguez-500: #c8616c;
--color-merguez-600: #a9535c;
--color-merguez-700: #884249;
--color-merguez-800: #652f36;
--color-merguez-900: #472025;
--color-merguez-950: #2e0f14;
}SCSS
$merguez: #5b0019;
$merguez-rgb: 91, 0, 25;
$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);
}