Nearest named color · #48008A
#48008A
Nearest named color: Indigo Static
#48008A (rgb(72 0 138), hsl(271 100% 27%), oklch(0.343 0.186 297.2)) is closest to the named color Indigo Static. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#48008A
oklch(0.343 0.186 297.2)
Color conversions
- HEX
- #48008a
- RGB
- rgb(72 0 138)
- HSL
- hsl(271 100% 27%)
- HWB
- hwb(271 0% 46%)
- OKLCH
- oklch(0.343 0.186 297.2)
- OKLab
- oklab(0.343 0.085 -0.165)
- CIE Lab
- lab(19.97 48.03 -58.91)
- LCH
- lch(19.97 76.01 309.2)
- CMYK
- cmyk(48% 100% 0% 46%)
Tints · Shades · Tones
Tints
- 572A97
- 6744A4
- 785CB0
- 8A73BC
- 9C8AC8
- AFA0D4
- C2B8DF
- D6CFEA
- EAE7F5
Shades
- 3D0077
- 330065
- 290053
- 1F0042
- 160032
- 0D0022
- 060014
- 020007
- 000001
Tones
- 4C1C8A
- 512C8A
- 56398A
- 5C448A
- 614F89
- 675988
- 6D6386
- 736D85
- 7A7683
Color harmonies
Complementary +180°
- 48008A
Indigo Static
- 363E00
≈ Dark Olive
Analogous -30° +30°
- 48008A
Indigo Static
- 132297
≈ Deepsea Kraken
- 5F0062
≈ Clear Plum
Triadic +120° +240°
- 48008A
Indigo Static
- 582B00
≈ Fudge Brownie
- 004338
≈ UP Forest Green
Split-complementary +150° +210°
- 48008A
Indigo Static
- 483600
≈ Night in the Woods
- 004615
≈ Wailing Woods
Tetradic +90° +180° +270°
- 48008A
Indigo Static
- 700006
≈ Hellbound
- 363E00
≈ Dark Olive
- 004148
≈ Warm Black
Contrast & accessibility
Ag
AAAOn white
WCAG 12.78:1 · APCA Lc 97
Ag
FailOn black
WCAG 1.64:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 12.78:1 (AAA) · APCA Lc 97
Contrast pairs
Code snippets
CSS
:root {
--indigo-static: #48008a;
--indigo-static-rgb: 72 0 138;
--indigo-static-oklch: oklch(0.343 0.186 297.2);
}
.element {
color: var(--indigo-static);
background-color: hsl(271 100% 27%);
border-color: oklch(0.343 0.186 297.2);
}Tailwind CSS v4
@theme {
--color-indigo-static: #48008a;
--color-indigo-static-50: #fceaff;
--color-indigo-static-100: #f0dbff;
--color-indigo-static-200: #dfc2ff;
--color-indigo-static-300: #c5a0ff;
--color-indigo-static-400: #ac82fd;
--color-indigo-static-500: #9661ef;
--color-indigo-static-600: #7f53ca;
--color-indigo-static-700: #6643a2;
--color-indigo-static-800: #49307a;
--color-indigo-static-900: #322157;
--color-indigo-static-950: #1e0f3a;
}SCSS
$indigo-static: #48008a;
$indigo-static-rgb: 72, 0, 138;
$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);
}