Nearest named color · #49007C
#49007C
Nearest named color: Indigo
#49007C (rgb(73 0 124), hsl(275 100% 24%), oklch(0.33 0.174 302.7)) is closest to the named color Indigo. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#49007C
oklch(0.33 0.174 302.7)
Color conversions
- HEX
- #49007c
- RGB
- rgb(73 0 124)
- HSL
- hsl(275 100% 24%)
- HWB
- hwb(275 0% 51%)
- OKLCH
- oklch(0.33 0.174 302.7)
- OKLab
- oklab(0.33 0.094 -0.146)
- CIE Lab
- lab(18.82 45.7 -51.96)
- LCH
- lch(18.82 69.2 311.3)
- CMYK
- cmyk(41% 100% 0% 51%)
Tints · Shades · Tones
Tints
- 59278A
- 694198
- 7A59A6
- 8C70B3
- 9E87C0
- B19ECD
- C4B6DA
- D7CEE6
- EBE6F3
Shades
- 3E006B
- 34005A
- 2A004A
- 20003B
- 17002C
- 0E001E
- 060011
- 020005
- 000001
Tones
- 4E1A7E
- 53297F
- 583680
- 5E4281
- 634D81
- 695782
- 6E6282
- 746C82
- 7A7681
Color harmonies
Complementary +180°
- 49007C
Indigo
- 2E3B00
≈ Dark Olive
Analogous -30° +30°
Triadic +120° +240°
- 49007C
Indigo
- 502B00
≈ Kyoto House
- 003F38
≈ Botanical Night
Split-complementary +150° +210°
- 49007C
Indigo
- 413400
≈ Night in the Woods
- 00411F
≈ Angel Green
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAAOn white
WCAG 13.33:1 · APCA Lc 98
Ag
FailOn black
WCAG 1.57:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 13.33:1 (AAA) · APCA Lc 98
Contrast pairs
Code snippets
CSS
:root {
--indigo: #49007c;
--indigo-rgb: 73 0 124;
--indigo-oklch: oklch(0.33 0.174 302.7);
}
.element {
color: var(--indigo);
background-color: hsl(275 100% 24%);
border-color: oklch(0.33 0.174 302.7);
}Tailwind CSS v4
@theme {
--color-indigo: #49007c;
--color-indigo-50: #ffe9ff;
--color-indigo-100: #f5daff;
--color-indigo-200: #e5c2ff;
--color-indigo-300: #cca0ff;
--color-indigo-400: #b382f2;
--color-indigo-500: #9e62e3;
--color-indigo-600: #8554bf;
--color-indigo-700: #6b439a;
--color-indigo-800: #4d3074;
--color-indigo-900: #362152;
--color-indigo-950: #211037;
}SCSS
$indigo: #49007c;
$indigo-rgb: 73, 0, 124;
$indigo-light: mix(#fff, $indigo, 20%);
$indigo-dark: mix(#000, $indigo, 20%);
.element {
color: $indigo;
box-shadow: 0 0 0 2px rgba($indigo, 0.35);
}