Colore con nome più vicino · #5B0019
#5B0019
Colore con nome più vicino: Merguez
#5B0019 (rgb(91 0 25), hsl(344 100% 18%), oklch(0.299 0.12 15.2)) è più vicino al colore con nome Merguez. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#5B0019
oklch(0.299 0.12 15.2)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 6D212C
- 7E3941
- 905156
- A0696C
- B18083
- C1999B
- D1B2B3
- E0CBCC
- F0E5E5
Ombre
- 4E0014
- 410010
- 35000B
- 290007
- 1E0004
- 130002
- 090001
- 030000
- 000000
Toni
- 611523
- 66232C
- 6A3036
- 6F3C40
- 73474A
- 765355
- 795E5F
- 7C696A
- 7E7575
Armonie di colore
Complementare +180°
- 5B0019
Merguez
- 003536
≈ Shrub Green
Analogo -30° +30°
- 5B0019
Merguez
- 53063B
≈ Royal Ash
- 4F1C00
≈ Chocolate Rush
Triadico +120° +240°
- 5B0019
Merguez
- 183700
≈ Elite Green
- 002C5E
≈ Marine
Complementare divisa +150° +210°
- 5B0019
Merguez
- 003726
≈ Off-Road Green
- 003343
≈ Nordic Noir
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 14.39:1 · APCA Lc 100
Ag
FailSu nero
WCAG 1.45:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 14.39:1 (AAA) · APCA Lc 100
Contrast pairs
Frammenti di codice
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);
}