#024EAA Information

#024EAA color RGB value is (2 , 78 , 170) , HEX triplet: 2, 4e and aa. RGB value is (2 , 78 , 170). Sum of RGB (Red+Green+Blue) = 2+78+170=250 (Red value is 2 (0.78% from 255 or 0.93% from 215); Green value is 78 (30.59% from 255 or 36.28% from 215); Blue value is 170 (66.67% from 255 or 79.07% from 215); Max value from RGB is 170 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #024EAA hue: 0.59 , saturation: 0.98 and the lightness value of 024eaa is 0.34.

#024eaa
(2 , 78 , 170)
  • R (2)
  • G (78)
  • B (170)
  • C (65.88)
  • M (36.08)
  • Y (0)
  • K (33.33)

Applying the #024eaa

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

#0049a5
#0044a0
#003f9b
#003a96
#003591
#00308c
#002b87
#002682
#00217d
#001c78
#001773
#00126e
#0e5ab6
#1a66c2
#2672ce
#327eda
#3e8ae6
#4a96f2
#56a2fe
#62aeff
#6ebaff
#7ac6ff
#86d2ff
#92deff

Color spaces of #024eaa

Type Values
RGB 2 78 170
HSL 0.59 0.98 0.34
HSV 213 99 67
CMYK 65.88 36.08 0 33.33
XYZ 10.0051 8.364 39.1173
Hunter Lab 28.9205 11.1417 -59.9209
CIE-Lab 34.7297 17.4206 -54.7132

Base Numbers

BaseRedGreenBlue
Decimal 2 78 170
Binary 10 1001110 10101010
Octal 2 116 252
Hex 2 4E AA

Monochromatic Colors

#1b67c3
#3480dc
#4d99f5
#66b2ff
#7fcbff
#98e4ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#024eaa Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#024EAA Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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