Adlandırılmış renk · #792E35
Syrah
Syrah, #792E35: rgb(121 46 53), hsl(354 45% 33%), oklch(0.41 0.105 17.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Syrah color name →
#792E35
oklch(0.41 0.105 17.4)
Renk dönüşümleri
- HEX
- #792e35
- RGB
- rgb(121 46 53)
- HSL
- hsl(354 45% 33%)
- HWB
- hwb(354 18% 53%)
- OKLCH
- oklch(0.41 0.105 17.4)
- OKLab
- oklab(0.41 0.1 0.031)
- CIE Lab
- lab(30.47 33.82 13.32)
- LCH
- lch(30.47 36.35 21.5)
- CMYK
- cmyk(0% 62% 56% 53%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 874247
- 965659
- A46A6C
- B17F80
- BF9394
- CCA8A9
- D9BDBE
- E6D3D3
- F2E9E9
Koyu tonlar
- 68272D
- 581F25
- 48181D
- 391215
- 2B0B0E
- 1D0608
- 100203
- 050101
- 010000
Gri tonlar
- 7B373C
- 7D4043
- 7E484B
- 7F5152
- 80595A
- 816161
- 816869
- 817070
- 817878
Renk uyumları
Tamamlayıcı +180°
- 792E35
Syrah
- 005658
≈ Overboard
Analog -30° +30°
- 792E35
Syrah
- 722F55
≈ Magenta Purple
- 76350B
≈ Bay Brown
Üçlü +120° +240°
Bölünmüş tamamlayıcı +150° +210°
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 9.31:1 · APCA Lc 91
Ag
FailSiyah üzerinde
WCAG 2.25:1 · APCA Lc 11
En iyi metin rengi: #FFFFFF
WCAG 9.31:1 (AAA) · APCA Lc 91
Contrast pairs
Kod parçacıkları
CSS
:root {
--syrah: #792e35;
--syrah-rgb: 121 46 53;
--syrah-oklch: oklch(0.41 0.105 17.4);
}
.element {
color: var(--syrah);
background-color: hsl(354 45% 33%);
border-color: oklch(0.41 0.105 17.4);
}Tailwind CSS v4
@theme {
--color-syrah: #792e35;
--color-syrah-50: #ffeae9;
--color-syrah-100: #ffdbda;
--color-syrah-200: #fec3c2;
--color-syrah-300: #e8a2a2;
--color-syrah-400: #d58488;
--color-syrah-500: #c2676c;
--color-syrah-600: #a4585c;
--color-syrah-700: #834649;
--color-syrah-800: #613236;
--color-syrah-900: #442225;
--color-syrah-950: #2c1114;
}SCSS
$syrah: #792e35;
$syrah-rgb: 121, 46, 53;
$syrah-light: mix(#fff, $syrah, 20%);
$syrah-dark: mix(#000, $syrah, 20%);
.element {
color: $syrah;
box-shadow: 0 0 0 2px rgba($syrah, 0.35);
}