#136EA2 Information

#136EA2 color RGB value is (19 , 110 , 162) , HEX triplet: 13, 6e and a2. RGB value is (19 , 110 , 162). Sum of RGB (Red+Green+Blue) = 19+110+162=291 (Red value is 19 (7.45% from 255 or 8.84% from 215); Green value is 110 (43.14% from 255 or 51.16% from 215); Blue value is 162 (63.53% from 255 or 75.35% from 215); Max value from RGB is 162 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #136EA2 hue: 0.56 , saturation: 0.79 and the lightness value of 136ea2 is 0.35.

#136ea2
(19 , 110 , 162)
  • R (19)
  • G (110)
  • B (162)
  • C (56.08)
  • M (20.39)
  • Y (0)
  • K (36.47)

Applying the #136ea2

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.

Color spaces of #136ea2

Type Values
RGB 19 110 162
HSL 0.56 0.79 0.35
HSV 202 88 64
CMYK 56.08 20.39 0 36.47
XYZ 12.3661 13.8989 36.2134
Hunter Lab 37.2813 -6.0342 -31.4742
CIE-Lab 44.0877 -5.6406 -34.9697

Base Numbers

BaseRedGreenBlue
Decimal 19 110 162
Binary 10011 1101110 10100010
Octal 23 156 242
Hex 13 6E A2

Monochromatic Colors

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#136ea2 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#136EA2 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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