En yakın adlandırılmış renk · #49183E
#49183E
En yakın adlandırılmış renk: Purple Void
#49183E (rgb(73 24 62), hsl(313 51% 19%), oklch(0.301 0.091 337.4)) en çok Purple Void adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#49183E
oklch(0.301 0.091 337.4)
Renk dönüşümleri
- HEX
- #49183e
- RGB
- rgb(73 24 62)
- HSL
- hsl(313 51% 19%)
- HWB
- hwb(313 9% 71%)
- OKLCH
- oklch(0.301 0.091 337.4)
- OKLab
- oklab(0.301 0.084 -0.035)
- CIE Lab
- lab(17.6 27.5 -12.63)
- LCH
- lch(17.6 30.26 335.3)
- CMYK
- cmyk(0% 67% 15% 71%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 5B2D4F
- 6C4361
- 7E5873
- 906E86
- A28599
- B49CAD
- C7B4C1
- D9CDD5
- ECE6EA
Koyu tonlar
- 3E1335
- 340F2B
- 2A0A23
- 20071A
- 170412
- 0E020A
- 060104
- 020001
- 000000
Gri tonlar
- 4F2344
- 552D4B
- 5B3751
- 614258
- 664C5E
- 6C5665
- 71606C
- 766B72
- 7B7579
Renk uyumları
Tamamlayıcı +180°
- 49183E
Purple Void
- 00381F
≈ Off-Road Green
Analog -30° +30°
- 49183E
Purple Void
- 3A1F51
≈ Powerful Violet
- 511526
≈ Vino Tinto
Üçlü +120° +240°
- 49183E
Purple Void
- 372E00
≈ Swamp of Sorrows
- 003440
≈ Nordic Noir
Bölünmüş tamamlayıcı +150° +210°
- 49183E
Purple Void
- 233500
≈ Blind Forest
- 003633
≈ Shrub Green
Dörtlü +90° +180° +270°
- 49183E
Purple Void
- 442600
≈ Ibex Brown
- 00381F
≈ Off-Road Green
- 003053
≈ Indigo Black
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 14.15:1 · APCA Lc 100
Ag
FailSiyah üzerinde
WCAG 1.48:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 14.15:1 (AAA) · APCA Lc 100
Contrast pairs
Kod parçacıkları
CSS
:root {
--purple-void: #49183e;
--purple-void-rgb: 73 24 62;
--purple-void-oklch: oklch(0.301 0.091 337.4);
}
.element {
color: var(--purple-void);
background-color: hsl(313 51% 19%);
border-color: oklch(0.301 0.091 337.4);
}Tailwind CSS v4
@theme {
--color-purple-void: #49183e;
--color-purple-void-50: #ffecfe;
--color-purple-void-100: #feddf2;
--color-purple-void-200: #f0c6e1;
--color-purple-void-300: #d7a6c7;
--color-purple-void-400: #c28ab2;
--color-purple-void-500: #ad6e9c;
--color-purple-void-600: #925d84;
--color-purple-void-700: #754b69;
--color-purple-void-800: #56364f;
--color-purple-void-900: #3c2537;
--color-purple-void-950: #261322;
}SCSS
$purple-void: #49183e;
$purple-void-rgb: 73, 24, 62;
$purple-void-light: mix(#fff, $purple-void, 20%);
$purple-void-dark: mix(#000, $purple-void, 20%);
.element {
color: $purple-void;
box-shadow: 0 0 0 2px rgba($purple-void, 0.35);
}