#402A71 Information

#402A71 color RGB value is (64 , 42 , 113) , HEX triplet: 40, 2a and 71. RGB value is (64 , 42 , 113). Sum of RGB (Red+Green+Blue) = 64+42+113=219 (Red value is 64 (25.1% from 255 or 29.77% from 215); Green value is 42 (16.47% from 255 or 19.53% from 215); Blue value is 113 (44.31% from 255 or 52.56% from 215); Max value from RGB is 113 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #402A71 hue: 0.72 , saturation: 0.46 and the lightness value of 402a71 is 0.3.

#402a71
(64 , 42 , 113)
  • R (64)
  • G (42)
  • B (113)
  • C (19.22)
  • M (27.84)
  • Y (0)
  • K (55.69)

Applying the #402a71

You are awesome !

If you don't really have a dream, you can't really push yourself you don't really know what the target is.

Shades & Tints

#3b256c
#362067
#311b62
#2c165d
#271158
#220c53
#1d074e
#180249
#130044
#0e003f
#09003a
#040035
#4c367d
#584289
#644e95
#705aa1
#7c66ad
#8872b9
#947ec5
#a08ad1
#ac96dd
#b8a2e9
#c4aef5
#d0baff

Color spaces of #402a71

Type Values
RGB 64 42 113
HSL 0.72 0.46 0.3
HSV 259 63 44
CMYK 19.22 27.84 0 55.69
XYZ 5.923 3.9382 16.0708
Hunter Lab 19.8448 18.5473 -34.1055
CIE-Lab 23.466 28.1183 -37.6504

Base Numbers

BaseRedGreenBlue
Decimal 64 42 113
Binary 1000000 101010 1110001
Octal 100 52 161
Hex 40 2A 71

Monochromatic Colors

#59438a
#725ca3
#8b75bc
#a48ed5
#bda7ee
#d6c0ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#402a71 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#402A71 Color CSS Codes

You are Awesome !!

Text Color Example

<p style="color:#402a71">Text here</p>
You are Awesome !!

Background Color Example

<p style="background:#402a71">Text here</p>
You are Awesome !!

Border Color Example

<p style="border:2px solid #402a71">You are Awesome</p>
You are Awesome !!

Box & Text Shadow Color Example

<p style="text-shadow: 1px 1px 1px #402a71;
box-shadow: 1px 1px 4px #402a71">You are Awesome</p>