En yakın adlandırılmış renk · #50048D
#50048D
En yakın adlandırılmış renk: Indigo Static
#50048D (rgb(80 4 141), hsl(273 94% 28%), oklch(0.359 0.188 300.5)) en çok Indigo Static 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.
#50048D
oklch(0.359 0.188 300.5)
Renk dönüşümleri
- HEX
- #50048d
- RGB
- rgb(80 4 141)
- HSL
- hsl(273 94% 28%)
- HWB
- hwb(273 2% 45%)
- OKLCH
- oklch(0.359 0.188 300.5)
- OKLab
- oklab(0.359 0.095 -0.162)
- CIE Lab
- lab(21.9 48.71 -57.56)
- LCH
- lch(21.9 75.4 310.2)
- CMYK
- cmyk(43% 97% 0% 45%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 5F2C9A
- 6F46A6
- 7F5DB2
- 9074BE
- A18BCA
- B3A2D5
- C6B8E0
- D8D0EA
- ECE7F5
Koyu tonlar
- 44037A
- 390267
- 2E0155
- 240144
- 1A0133
- 100023
- 070014
- 020007
- 000001
Gri tonlar
- 541E8D
- 582E8D
- 5D3A8C
- 61468B
- 66508A
- 6B5A89
- 706487
- 756D85
- 7B7783
Renk uyumları
Tamamlayıcı +180°
- 50048D
Indigo Static
- 374300
≈ Garden Shadow
Analog -30° +30°
- 50048D
Indigo Static
- 1F249D
≈ Deepsea Kraken
- 680063
≈ Purple Dreamer
Üçlü +120° +240°
- 50048D
Indigo Static
- 5C3000
≈ Eyelash Camel
- 00483E
≈ Tropical Forest
Bölünmüş tamamlayıcı +150° +210°
- 50048D
Indigo Static
- 4C3B00
≈ Xanthophobia
- 004A1F
≈ Pine Green
Dörtlü +90° +180° +270°
- 50048D
Indigo Static
- 760700
≈ Liquorice Red
- 374300
≈ Garden Shadow
- 00454F
≈ Crab Nebula
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 12.04:1 · APCA Lc 96
Ag
FailSiyah üzerinde
WCAG 1.74:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 12.04:1 (AAA) · APCA Lc 96
Contrast pairs
Kod parçacıkları
CSS
:root {
--indigo-static: #50048d;
--indigo-static-rgb: 80 4 141;
--indigo-static-oklch: oklch(0.359 0.188 300.5);
}
.element {
color: var(--indigo-static);
background-color: hsl(273 94% 28%);
border-color: oklch(0.359 0.188 300.5);
}Tailwind CSS v4
@theme {
--color-indigo-static: #50048d;
--color-indigo-static-50: #ffe9ff;
--color-indigo-static-100: #f4d9ff;
--color-indigo-static-200: #e4c1ff;
--color-indigo-static-300: #ca9eff;
--color-indigo-static-400: #b180fb;
--color-indigo-static-500: #9c5fed;
--color-indigo-static-600: #8451c8;
--color-indigo-static-700: #6a41a1;
--color-indigo-static-800: #4c2f79;
--color-indigo-static-900: #352056;
--color-indigo-static-950: #200e3a;
}SCSS
$indigo-static: #50048d;
$indigo-static-rgb: 80, 4, 141;
$indigo-static-light: mix(#fff, $indigo-static, 20%);
$indigo-static-dark: mix(#000, $indigo-static, 20%);
.element {
color: $indigo-static;
box-shadow: 0 0 0 2px rgba($indigo-static, 0.35);
}