Nazwany kolor · #320094
Full Swing Indigo
Full Swing Indigo to #320094: rgb(50 0 148), hsl(260 100% 29%), oklch(0.33 0.196 282.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Full Swing Indigo color name →
#320094
oklch(0.33 0.196 282.2)
Konwersje koloru
- HEX
- #320094
- RGB
- rgb(50 0 148)
- HSL
- hsl(260 100% 29%)
- HWB
- hwb(260 0% 42%)
- OKLCH
- oklch(0.33 0.196 282.2)
- OKLab
- oklab(0.33 0.042 -0.192)
- CIE Lab
- lab(17.94 47.65 -68.61)
- LCH
- lch(17.94 83.54 304.8)
- CMYK
- cmyk(66% 100% 0% 42%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 3F2CA1
- 4F47AD
- 625EB8
- 7575C4
- 8A8CCF
- A0A3D9
- B7B9E3
- CED0ED
- E6E8F6
Odcienie ciemniejsze
- 2A0080
- 22006D
- 1B005A
- 140048
- 0D0036
- 070026
- 030016
- 010008
- 000001
Tony
- 361E93
- 3C2E93
- 423B92
- 4A4790
- 52518F
- 5A5B8C
- 63658A
- 6C6E87
- 767784
Harmonie kolorów
Komplementarna +180°
- 320094
Full Swing Indigo
- 3D3600
≈ Camouflage
Analogowa -30° +30°
- 320094
Full Swing Indigo
- 003666
≈ Marine Blue
- 510070
≈ Royal Purple
Triada +120° +240°
- 320094
Full Swing Indigo
- 5D1E00
≈ Conker Brown
- 00402A
≈ Angel Green
Komplementarna rozszczepiona +150° +210°
- 320094
Full Swing Indigo
- 4B2E00
≈ Stirland Mud
- 223E00
≈ Hunter Green
Tetrada +90° +180° +270°
- 320094
Full Swing Indigo
- 680022
≈ Merguez
- 3D3600
≈ Camouflage
- 003E3D
≈ Rich Black
Kontrast i dostępność
Ag
AAANa bieli
WCAG 13.43:1 · APCA Lc 98
Ag
FailNa czerni
WCAG 1.56:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 13.43:1 (AAA) · APCA Lc 98
Contrast pairs
Fragmenty kodu
CSS
:root {
--full-swing-indigo: #320094;
--full-swing-indigo-rgb: 50 0 148;
--full-swing-indigo-oklch: oklch(0.33 0.196 282.2);
}
.element {
color: var(--full-swing-indigo);
background-color: hsl(260 100% 29%);
border-color: oklch(0.33 0.196 282.2);
}Tailwind CSS v4
@theme {
--color-full-swing-indigo: #320094;
--color-full-swing-indigo-50: #eeeeff;
--color-full-swing-indigo-100: #dfe0ff;
--color-full-swing-indigo-200: #cac9ff;
--color-full-swing-indigo-300: #ada7ff;
--color-full-swing-indigo-400: #908aff;
--color-full-swing-indigo-500: #786aff;
--color-full-swing-indigo-600: #665bd9;
--color-full-swing-indigo-700: #5149af;
--color-full-swing-indigo-800: #383583;
--color-full-swing-indigo-900: #26245d;
--color-full-swing-indigo-950: #151240;
}SCSS
$full-swing-indigo: #320094;
$full-swing-indigo-rgb: 50, 0, 148;
$full-swing-indigo-light: mix(#fff, $full-swing-indigo, 20%);
$full-swing-indigo-dark: mix(#000, $full-swing-indigo, 20%);
.element {
color: $full-swing-indigo;
box-shadow: 0 0 0 2px rgba($full-swing-indigo, 0.35);
}