#2A71AB Information

#2A71AB color RGB value is (42 , 113 , 171) , HEX triplet: 2a, 71 and ab. RGB value is (42 , 113 , 171). Sum of RGB (Red+Green+Blue) = 42+113+171=326 (Red value is 42 (16.47% from 255 or 19.53% from 215); Green value is 113 (44.31% from 255 or 52.56% from 215); Blue value is 171 (67.06% from 255 or 79.53% from 215); Max value from RGB is 171 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #2A71AB hue: 0.57 , saturation: 0.61 and the lightness value of 2a71ab is 0.42.

#2a71ab
(42 , 113 , 171)
  • R (42)
  • G (113)
  • B (171)
  • C (50.59)
  • M (22.75)
  • Y (0)
  • K (32.94)

Applying the #2a71ab

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

#256ca6
#2067a1
#1b629c
#165d97
#115892
#0c538d
#074e88
#024983
#00447e
#003f79
#003a74
#00356f
#367db7
#4289c3
#4e95cf
#5aa1db
#66ade7
#72b9f3
#7ec5ff
#8ad1ff
#96ddff
#a2e9ff
#aef5ff
#baffff

Color spaces of #2a71ab

Type Values
RGB 42 113 171
HSL 0.57 0.61 0.42
HSV 207 75 67
CMYK 50.59 22.75 0 32.94
XYZ 14.2107 15.2428 40.7212
Hunter Lab 39.042 -3.3521 -34.4886
CIE-Lab 45.9649 -1.714 -37.2594

Base Numbers

BaseRedGreenBlue
Decimal 42 113 171
Binary 101010 1110001 10101011
Octal 52 161 253
Hex 2A 71 AB

Monochromatic Colors

#438ac4
#5ca3dd
#75bcf6
#8ed5ff
#a7eeff
#c0ffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#2a71ab Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#2A71AB Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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