#6a397b Color Hex Amaranth Purple

Information about Amaranth Purple Color | #0000FF

#6a397b color RGB value is (106,57,123). #6a397b color name is Amaranth Purple color.

#6a397b hex color red value is 106 , green value is 57 and the blue value of its RGB is 123 . Cylindrical-coordinate representations (also known as HSL) of color #6a397b hue: 285 , saturation: 37 and the lightness value of #6a397b is 35

The process color (four color CMYK) of #6a397b color hex is 5 , 21 ,0, 20 .

#6a397b

~Amaranth Purple

Color Converions

HEX
#6a397b
RGB
106,57,123
LAB
33,31,-29
CMYK
14,54,0,52
LCH
33,42,-43
XYZ
11,7,20
HSV
285,54,48
HSL
285,37,35

Base Numbers

Base Red Green Blue
Binary 1101010 111001 1111011
Octal 152 71 173
Decimal 106 57 123
Hex 6a 39 7b

RGB Percentages of Color #6a397b

42%
22%
48%

CMYK Percentages of Color #6a397b

5%
0%
21%
20%

Color Variations

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

Shades of #6a397b

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

10%
#6a397b
20%
#5f336f
30%
#552e62
40%
#4a2856
50%
#40224a
60%
#351d3e
70%
#2a1731
80%
#201125
90%
#150b19
100%
#0b060c

Tints of #6a397b

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

10%
#6a397b
20%
#794d88
30%
#886195
40%
#9774a3
50%
#a688b0
60%
#b59cbd
70%
#c3b0ca
80%
#d2c4d7
90%
#e1d7e5
100%
#f0ebf2

Tones of #6a397b

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

10%
#6a397b
20%
#6c407b
30%
#6e477c
40%
#704e7c
50%
#73557d
60%
#755c7d
70%
#77637e
80%
#796a7e
90%
#7b717f
100%
#7d787f

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.
#6a397b
#50397b
#5d397b
#6a397b
#77397b
#7b3972

Complementary

Complementary color schemes are made by picking two opposite colors con the color wheel. They appear vibrant near to each other.
#6a397b
#4a7b39

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#6a397b
#7b393d
#397b50

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#6a397b
#7b6a39
#397b6a

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.
#6a397b
#7b4939
#4a7b39
#396b7b

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#6a397b
#8f4da5
#b360d0
#d874fa
#211226
#452550

Blindness simulator

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

Normal

#6a397b

protanopia

#324c88

deuteranopia

#3c4e74

tritanopia

#62474d

achromatopsia

#484848

protanomaly

#464583

deuteranomaly

#4d4677

achromatopsia

#484848

tritanomaly

#65425d

achromatomaly

#54435b

Contrast Checker

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

White background

Good 8/21
Hello World ! 8

Black background-color

Poor 2/21
Hello World !

#6a397b Color CSS Codes

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

#6a397b Text Font Color

<div style="color:#6a397b">
Div content here</div>

This sample text font color is #6a397b
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.

#6a397b Background Color

<div style="background-color:#6a397b">
Div content here</div>
Div content here

#6a397b Border Color

<div style="border:3px solid #6a397b">
Div here</div>

This div border color is #6a397b

#6a397b Color CSS Codes Examples

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

Text Shadow with Hex Values

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

This text has shadow with hex values.


Div Box Shadow

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

This div box has shadow with color #6a397b

More Colors

Cannon Barrel
#3c4142
Persimmon Fade
#f7bd8f
Malt Shake
#bba87f
Bright Umber
#826644
Go Go Green
#008a7d
Egg Cream
#ffd98c
Green Fig
#b3a476
Blue Martina
#1fcecb
Baby Blue
#a2cffe
Flint Purple
#42424d
Copper Moon
#c29978
Buttercup
#da9429
Aqua Velvet
#00a29e
Crackled Leather
#a27c4f
Pollen Storm
#b8a02a
Hemp Rope
#b9a379
High Note
#867a88
Malibu Beige
#c9c0b1
Palladian
#eee9df
Dhalsim's Yoga Flame
#fae432
Antique Red
#7d4f51
100 Mph
#c93f38
Plum Dust
#aa4c8f
Falafel
#aa7711
Inuit Blue
#d8e4e7
Ice Palace
#e2e4d7
Genie
#3e4364
Mt Burleigh
#597766
Maple Glaze
#a76944
Glimpse of Pink
#fff3f4
Earth Warming
#bf9f91
Adonis Rose Yellow
#efbf4d
Cockatrice Brown
#a46422
Irish Folklore
#d3e3bf
Frosted Garden
#e2f7d9
French Castle
#cdc0b7
New York Pink
#dd8374
Gulab Brown
#8b2e19
Clover Mist
#6fc288
Peaches'n'Cream
#eec9a6
rating-img
Rate this tool
NaN/5   0 votes