Coloried

Dark Indigo

Dark Indigo color is a dramatic shade of very dark purple. Its hex code is #1F0954 and rgb code is rgb(31, 9, 84), Its CMYK value is cmyk(63%, 89%, 0%, 67%), and Its HSL value is hsl(258, 81%, 18%). Against white, it has a contrast ratio of 17.14:1, while against black, the contrast ratio is 1.23:1. Complementary color is #3D5309 and closest tailwind color is indigo-950. This color goes well with #B617DE, #173FDE, #8254ED, #AF9012, and #32AF12. To create this Dark Indigo color, you can mix #000000 and #3E12A8.

Dark Indigo color code
|
1. Color Conversions
HEX#1F0954
RGB31, 9, 84
HSL258°, 81%, 18%
HSV258°, 81%, 33%
CMYK63%, 89%, 0%, 67%
Web Safe#330066
2. Contrast Ratio
Text on #FFFFFF17.14:1
AAA LargeAAA Normal
Text on #0000001.23:1
Fail LargeFail Normal
3. Dark Indigo Color Code in CSS
HEX
#1F0954
RGB
rgb(31, 9, 84)
HSL
hsl(258, 81%, 18%)
Text Color
color: #1F0954;
Background
background-color: #1F0954;
Border Color
border-color: #1F0954;
Box Shadow
box-shadow: 0 4px 14px 0 #1F095480;
SCSS
$color-dark-indigo: #1F0954;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#151542
Deuteranopia#17183E
Tritanopia#1E3430
Achromatopsia#181818
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive