Najbliższy nazwany kolor · #50048D
#50048D
Najbliższy nazwany kolor: Indigo Static
#50048D (rgb(80 4 141), hsl(273 94% 28%), oklch(0.359 0.188 300.5)) jest najbliższy nazwanemu kolorowi Indigo Static. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#50048D
oklch(0.359 0.188 300.5)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 5F2C9A
- 6F46A6
- 7F5DB2
- 9074BE
- A18BCA
- B3A2D5
- C6B8E0
- D8D0EA
- ECE7F5
Odcienie ciemniejsze
- 44037A
- 390267
- 2E0155
- 240144
- 1A0133
- 100023
- 070014
- 020007
- 000001
Tony
- 541E8D
- 582E8D
- 5D3A8C
- 61468B
- 66508A
- 6B5A89
- 706487
- 756D85
- 7B7783
Harmonie kolorów
Komplementarna +180°
- 50048D
Indigo Static
- 374300
≈ Garden Shadow
Analogowa -30° +30°
- 50048D
Indigo Static
- 1F249D
≈ Deepsea Kraken
- 680063
≈ Purple Dreamer
Triada +120° +240°
- 50048D
Indigo Static
- 5C3000
≈ Eyelash Camel
- 00483E
≈ Tropical Forest
Komplementarna rozszczepiona +150° +210°
- 50048D
Indigo Static
- 4C3B00
≈ Xanthophobia
- 004A1F
≈ Pine Green
Tetrada +90° +180° +270°
- 50048D
Indigo Static
- 760700
≈ Liquorice Red
- 374300
≈ Garden Shadow
- 00454F
≈ Crab Nebula
Kontrast i dostępność
Ag
AAANa bieli
WCAG 12.04:1 · APCA Lc 96
Ag
FailNa czerni
WCAG 1.74:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 12.04:1 (AAA) · APCA Lc 96
Contrast pairs
Fragmenty kodu
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);
}