#9457eb Color Hex Lavender Indigo

Information about Lavender Indigo Color | #0000FF

#9457eb color RGB value is (148,87,235). #9457eb color name is Lavender Indigo color.

#9457eb hex color red value is 148 , green value is 87 and the blue value of its RGB is 235 . Cylindrical-coordinate representations (also known as HSL) of color #9457eb hue: 265 , saturation: 79 and the lightness value of #9457eb is 63

The process color (four color CMYK) of #9457eb color hex is 15 , 25 ,0, 3 .

#9457eb

~Lavender Indigo

Color Converions

HEX
#9457eb
RGB
148,87,235
LAB
50,48,-67
CMYK
37,63,0,8
LCH
50,82,-54
XYZ
31,19,81
HSV
265,63,92
HSL
265,79,63

Base Numbers

Base Red Green Blue
Binary 10010100 1010111 11101011
Octal 224 127 353
Decimal 148 87 235
Hex 94 57 eb

RGB Percentages of Color #9457eb

58%
34%
92%

CMYK Percentages of Color #9457eb

15%
0%
25%
3%

Color Variations

View this color variations of shades, tints, tones, hues and temperatures.

Shades of #9457eb

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.

10%
#9457eb
20%
#854ed3
30%
#7646bc
40%
#683da4
50%
#59348d
60%
#4a2c75
70%
#3b235e
80%
#2c1a46
90%
#1e112f
100%
#0f0917

Tints of #9457eb

A tint is created by adding white to a base color, increasing its lightness. Tints are likely to look pastel and less intense.

10%
#9457eb
20%
#9f68ed
30%
#a979ef
40%
#b489f1
50%
#bf9af3
60%
#caabf5
70%
#d4bcf7
80%
#dfcdf9
90%
#eaddfb
100%
#f4eefd

Tones of #9457eb

A tone is created by adding gray to a base color, increasing its lightness. Tones looks more sophisticated and complex than base colors.

10%
#9457eb
20%
#925be0
30%
#905fd6
40%
#8e63cb
50%
#8c67c0
60%
#8a6bb5
70%
#886fab
80%
#8673a0
90%
#847795
100%
#827b8a

Color harmonies

Color harmonies are pleasing color schemes created according to their position on a color wheel.

Analogous

Colors of the same luminance and saturation with hues that are adjacent on the color wheel, 30 degrees apart. Smooth transitions.
#9457eb
#5957eb
#7657eb
#9457eb
#b257eb
#cf57eb

Complementary

Complementary color schemes are made by picking two opposite colors con the color wheel. They appear vibrant near to each other.
#9457eb
#aeeb57

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#9457eb
#eb5790
#57eb59

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#9457eb
#eb9457
#57eb94

Tetradic

Tetradic color schemes are made form two couples of complementary colors in a rectangular shape on the color wheel. They are very versatile, and work best with one dominant color.
#9457eb
#eb5764
#aeeb57
#57ebde

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#9457eb
#0e0816
#291841
#44286b
#5e3896
#7947c0

Blindness simulator

Check how a color is perceived by color blind people to create accessible designs.

Normal

#9457eb

protanopia

#0074f2

deuteranopia

#007bd5

tritanopia

#787781

achromatopsia

#6f6f6f

protanomaly

#366aef

deuteranomaly

#366edd

achromatopsia

#6f6f6f

tritanomaly

#826ca7

achromatomaly

#7c669c

Contrast Checker

Verify the contrast of a text on white and black backgrounds.

White background

Poor 4/21
Hello World ! 4

Black background-color

Good 5/21
Hello World !

#9457eb Color CSS Codes

.bgcolor {background-color:#9457eb; } 
.forecolor {color:#9457eb; }
.bordercolor {border:3px solid #9457eb; }
            

#9457eb Text Font Color

<div style="color:#9457eb">
Div content here</div>

This sample text font color is #9457eb
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

#9457eb Background Color

<div style="background-color:#9457eb">
Div content here</div>
Div content here

#9457eb Border Color

<div style="border:3px solid #9457eb">
Div here</div>

This div border color is #9457eb

#9457eb Color CSS Codes Examples

.textShadowRgb {
  text-shadow: 4px 4px 2px #9457eb; } 
.textShadowHex { 
  text-shadow: 4px 4px 2px #9457eb; }
.divShadow { 
  -moz-box-shadow: 1px 1px 3px 2px #9457eb;
  -webkit-box-shadow: 1px 1px 3px 2px #9457eb;
  box-shadow: 1px 1px 3px 2px #9457eb; }
            

Text Shadow with Hex Values

<p style="text-shadow: 4px 4px 2px #9457eb">Text here</p>
            

This text has shadow with hex values.


Div Box Shadow

<div style="-moz-box-shadow: 1px 1px 3px 2px #9457eb;
              -webkit-box-shadow: 1px 1px 3px 2px #9457eb;
              box-shadow:         1px 1px 3px 2px #9457eb#9457eb">
Div content here</div>

This div box has shadow with color #9457eb

More Colors

Opulent Mauve
#462343
Nessie
#716748
Dill Pickle
#67744a
Peachy Keen
#ffdeda
Brassica
#788879
Brown Grey
#8d8468
Bee Hall
#f2cc64
African Ambush
#8e603c
Cherryade
#b22743
Light of New Hope
#eaf3d0
Apple Pie
#caab94
Blossom Time
#e5d2c9
Caramel Latte
#8c6342
Leukocyte White
#f2f1ed
Blue Ballad
#7498bd
Butterscotch Ripple
#b08843
Ms. Pac-Man Kiss
#ff00aa
Mayfly
#65663f
Encounter
#ff9552
Asian Ivory
#e8e0cd
Coffee With Cream
#a68966
Petrified Purple
#9c87c1
Legendary Lavender
#9d61d4
Pink Parakeet
#ad546e
Maximum Blue Green
#30bfbf
Pineapple Fizz
#f9f0d6
Baby Tears
#66b9d6
Introspective
#6d6053
Domino
#6c5b4c
Chestnut Gold
#ab8508
Landing
#eee1d9
Peach Souffle
#ecbcb2
Marzipan Pink
#eebabc
Fabulous Fawn
#e5c1a3
Confident White
#e4dfce
Matte Grey
#b4a8a4
Hot Purple
#cb00f5
Deepest Water
#466174
Flickering Gold
#c6a668
rating-img
Rate this tool
NaN/5   0 votes