Nearest named color · #271B80
#271B80
Nearest named color: Indiglow
#271B80 (rgb(39 27 128), hsl(247 65% 30%), oklch(0.319 0.159 277.8)) is closest to the named color Indiglow. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#271B80
oklch(0.319 0.159 277.8)
Color conversions
- HEX
- #271b80
- RGB
- rgb(39 27 128)
- HSL
- hsl(247 65% 30%)
- HWB
- hwb(247 11% 50%)
- OKLCH
- oklch(0.319 0.159 277.8)
- OKLab
- oklab(0.319 0.022 -0.157)
- CIE Lab
- lab(18.12 31.52 -55.83)
- LCH
- lch(18.12 64.11 299.4)
- CMYK
- cmyk(70% 79% 0% 50%)
Tints · Shades · Tones
Tints
- 36358E
- 484C9C
- 5B62A9
- 7078B6
- 868EC3
- 9DA4CF
- B5BADB
- CDD1E8
- E6E8F3
Shades
- 20166E
- 1A115D
- 140C4D
- 0E083D
- 08052E
- 04021F
- 020112
- 010006
- 000001
Tones
- 2D2981
- 343582
- 3C4083
- 444A83
- 4D5384
- 575C84
- 616583
- 6B6E83
- 757781
Color harmonies
Complementary +180°
- 271B80
Indiglow
- 3C3200
≈ Hidden Passage
Analogous -30° +30°
- 271B80
Indiglow
- 00355B
≈ Night Dive
- 49046F
≈ Royal Purple
Triadic +120° +240°
- 271B80
Indiglow
- 5C1700
≈ Altar Wine
- 003E23
≈ Angel Green
Split-complementary +150° +210°
- 271B80
Indiglow
- 4A2A00
≈ Stirland Mud
- 263A00
≈ Melancholia
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAAOn white
WCAG 13.50:1 · APCA Lc 99
Ag
FailOn black
WCAG 1.55:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 13.50:1 (AAA) · APCA Lc 99
Contrast pairs
Code snippets
CSS
:root {
--indiglow: #271b80;
--indiglow-rgb: 39 27 128;
--indiglow-oklch: oklch(0.319 0.159 277.8);
}
.element {
color: var(--indiglow);
background-color: hsl(247 65% 30%);
border-color: oklch(0.319 0.159 277.8);
}Tailwind CSS v4
@theme {
--color-indiglow: #271b80;
--color-indiglow-50: #ebf1ff;
--color-indiglow-100: #dde3ff;
--color-indiglow-200: #c6cdff;
--color-indiglow-300: #a7aeff;
--color-indiglow-400: #8993fa;
--color-indiglow-500: #7076ec;
--color-indiglow-600: #5f64c7;
--color-indiglow-700: #4c50a0;
--color-indiglow-800: #343b78;
--color-indiglow-900: #242955;
--color-indiglow-950: #131639;
}SCSS
$indiglow: #271b80;
$indiglow-rgb: 39, 27, 128;
$indiglow-light: mix(#fff, $indiglow, 20%);
$indiglow-dark: mix(#000, $indiglow, 20%);
.element {
color: $indiglow;
box-shadow: 0 0 0 2px rgba($indiglow, 0.35);
}