#4A69A4 Information

#4A69A4 color RGB value is (74 , 105 , 164) , HEX triplet: 4a, 69 and a4. RGB value is (74 , 105 , 164). Sum of RGB (Red+Green+Blue) = 74+105+164=343 (Red value is 74 (29.02% from 255 or 34.42% from 215); Green value is 105 (41.18% from 255 or 48.84% from 215); Blue value is 164 (64.31% from 255 or 76.28% from 215); Max value from RGB is 164 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #4A69A4 hue: 0.61 , saturation: 0.38 and the lightness value of 4a69a4 is 0.47.

#4a69a4
(74 , 105 , 164)
  • R (74)
  • G (105)
  • B (164)
  • C (35.29)
  • M (23.14)
  • Y (0)
  • K (35.69)

Applying the #4a69a4

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

#45649f
#405f9a
#3b5a95
#365590
#31508b
#2c4b86
#274681
#22417c
#1d3c77
#183772
#13326d
#0e2d68
#5675b0
#6281bc
#6e8dc8
#7a99d4
#86a5e0
#92b1ec
#9ebdf8
#aac9ff
#b6d5ff
#c2e1ff
#ceedff
#daf9ff

Color spaces of #4a69a4

Type Values
RGB 74 105 164
HSL 0.61 0.38 0.47
HSV 219 55 64
CMYK 35.29 23.14 0 35.69
XYZ 14.5765 14.2393 37.1022
Hunter Lab 37.735 2.9156 -31.8602
CIE-Lab 44.5742 6.5381 -35.2552

Base Numbers

BaseRedGreenBlue
Decimal 74 105 164
Binary 1001010 1101001 10100100
Octal 112 151 244
Hex 4A 69 A4

Monochromatic Colors

#6382bd
#7c9bd6
#95b4ef
#aecdff
#c7e6ff
#e0ffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#4a69a4 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#4A69A4 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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