Coloried

Indigo

Indigo color is a intense shade of dark purple. Its hex code is #4B0082 and rgb code is rgb(75, 0, 130), Its CMYK value is cmyk(42%, 100%, 0%, 49%), and Its HSL value is hsl(275, 100%, 25%). Against white, its contrast ratio of 12.95:1, while against black, the contrast ratio is 1.62:1. Its complementary color is #358000 and closest tailwind color is purple-900. This color goes well with #FF1AEC, #2D1AFF, #BF66FF, #D2E600, and #00E613. To create this Indigo color, you can mix #0000FF and #960005.

Indigo color code
|
1. Color Conversions
HEX#4B0082
RGB75, 0, 130
HSL275°, 100%, 25%
HSV275°, 100%, 51%
CMYK42%, 100%, 0%, 49%
Web Safe#330099
2. Contrast Ratio
Text on #FFFFFF12.95:1
AAA LargeAAA Normal
Text on #0000001.62:1
Fail LargeFail Normal
3. Indigo Color Code in CSS
HEX
#4B0082
RGB
rgb(75, 0, 130)
HSL
hsl(275, 100%, 25%)
Text Color
color: #4B0082;
Background
background-color: #4B0082;
Border Color
border-color: #4B0082;
Box Shadow
box-shadow: 0 4px 14px 0 #4B008280;
SCSS
$color-indigo: #4B0082;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#2B2A63
Deuteranopia#2F355B
Tritanopia#474A44
Achromatopsia#252525
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive
Similar Colors
Metallic Purple#520E7D
Purple Heart#6B36A5
Paisley#3C2064
Grape#6F2DA8
Purple Iris#571B7E
Dark Royal Purple#4B006E
Royal Purple#7851A9
Matte Purple#392A48
Rich Purple#6D1799
Blue Violet#8A2BE2
Color Ideas
Canary Yellow#FFDF01
Candy Pink#E4717A
Cantaloupe#FFA62F
Canvas White#F9F8F4
Cappuccino#C5AB9F
Caramel#C68E17
Caramel Skin#C68965
Carbon#232323
Carbon Black#0C0A00
Carbon Fiber#2E2E2E
About Indigo
Color Name
Indigo
HEX
#4B0082
Color Family
purple
X11 Name
Indigo
LAB
33.90, 9.42, -15.26
Preview Text
Aa