Adlandırılmış renk · #650021
Merguez
Merguez, #650021: rgb(101 0 33), hsl(340 100% 20%), oklch(0.323 0.129 12.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Merguez color name →
#650021
oklch(0.323 0.129 12.3)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 762334
- 873C48
- 97535C
- A76B72
- B78388
- C69B9F
- D4B3B6
- E3CCCE
- F1E5E6
Koyu tonlar
- 57001B
- 490016
- 3C0010
- 2F000B
- 220006
- 170003
- 0C0001
- 030000
- 000000
Gri tonlar
- 6A162A
- 6E2533
- 72323C
- 753E45
- 78494F
- 7B5458
- 7D5F62
- 7E6A6C
- 7F7576
Renk uyumları
Tamamlayıcı +180°
- 650021
Merguez
- 003C3B
≈ Customs Green
Analog -30° +30°
- 650021
Merguez
- 5B0845
≈ Royal Ash
- 5A1D00
≈ Conker Brown
Üçlü +120° +240°
- 650021
Merguez
- 213C00
≈ Hunter Green
- 003463
≈ Prussian Blue
Bölünmüş tamamlayıcı +150° +210°
- 650021
Merguez
- 003E28
≈ Angel Green
- 003A49
≈ Natural Indigo
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 13.33:1 · APCA Lc 98
Ag
FailSiyah üzerinde
WCAG 1.57:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 13.33:1 (AAA) · APCA Lc 98
Contrast pairs
Kod parçacıkları
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);
}