Nearest named color · #560089
#560089
Nearest named color: Indigo Static
#560089 (rgb(86 0 137), hsl(278 100% 27%), oklch(0.361 0.187 305.3)) is closest to the named color Indigo Static. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#560089
oklch(0.361 0.187 305.3)
Color conversions
- HEX
- #560089
- RGB
- rgb(86 0 137)
- HSL
- hsl(278 100% 27%)
- HWB
- hwb(278 0% 46%)
- OKLCH
- oklch(0.361 0.187 305.3)
- OKLab
- oklab(0.361 0.108 -0.153)
- CIE Lab
- lab(22.26 49.83 -54.42)
- LCH
- lch(22.26 73.79 312.5)
- CMYK
- cmyk(37% 100% 0% 46%)
Tints · Shades · Tones
Tints
- 652A96
- 7544A3
- 855CAF
- 9573BB
- A68AC7
- B7A1D3
- C9B8DE
- DBCFE9
- EDE7F4
Shades
- 4A0076
- 3E0064
- 320053
- 270042
- 1C0031
- 120022
- 080014
- 020007
- 000001
Tones
- 5A1C89
- 5E2C89
- 623989
- 664489
- 6A4F88
- 6F5987
- 736386
- 776D84
- 7C7782
Color harmonies
Complementary +180°
- 560089
Indigo Static
- 324500
≈ Garden Shadow
Analogous -30° +30°
- 560089
Indigo Static
- 2B219C
≈ Gentian Blue
- 6B005D
≈ Amygdala Purple
Triadic +120° +240°
- 560089
Indigo Static
- 5A3300
≈ Eyelash Camel
- 004842
≈ Tropical Forest
Split-complementary +150° +210°
- 560089
Indigo Static
- 4A3D00
≈ Xanthophobia
- 004B28
≈ Troll Green
Tetradic +90° +180° +270°
- 560089
Indigo Static
- 711900
≈ Cedar Wood Finish
- 324500
≈ Garden Shadow
- 004653
≈ Crab Nebula
Contrast & accessibility
Ag
AAAOn white
WCAG 11.95:1 · APCA Lc 95
Ag
FailOn black
WCAG 1.75:1 · APCA Lc 7
Best text color: #FFFFFF
WCAG 11.95:1 (AAA) · APCA Lc 95
Contrast pairs
Code snippets
CSS
:root {
--indigo-static: #560089;
--indigo-static-rgb: 86 0 137;
--indigo-static-oklch: oklch(0.361 0.187 305.3);
}
.element {
color: var(--indigo-static);
background-color: hsl(278 100% 27%);
border-color: oklch(0.361 0.187 305.3);
}Tailwind CSS v4
@theme {
--color-indigo-static: #560089;
--color-indigo-static-50: #ffe8ff;
--color-indigo-static-100: #f9d8ff;
--color-indigo-static-200: #eabfff;
--color-indigo-static-300: #d19cff;
--color-indigo-static-400: #b97df5;
--color-indigo-static-500: #a45be7;
--color-indigo-static-600: #8b4ec3;
--color-indigo-static-700: #6f3e9c;
--color-indigo-static-800: #502d76;
--color-indigo-static-900: #381f53;
--color-indigo-static-950: #230d38;
}SCSS
$indigo-static: #560089;
$indigo-static-rgb: 86, 0, 137;
$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);
}