#042EC4 Information

#042EC4 color RGB value is (4 , 46 , 196) , HEX triplet: 4, 2e and c4. RGB value is (4 , 46 , 196). Sum of RGB (Red+Green+Blue) = 4+46+196=246 (Red value is 4 (1.57% from 255 or 1.86% from 215); Green value is 46 (18.04% from 255 or 21.4% from 215); Blue value is 196 (76.86% from 255 or 91.16% from 215); Max value from RGB is 196 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #042EC4 hue: 0.63 , saturation: 0.96 and the lightness value of 042ec4 is 0.39.

#042ec4
(4 , 46 , 196)
  • R (4)
  • G (46)
  • B (196)
  • C (75.29)
  • M (58.82)
  • Y (0)
  • K (23.14)

Applying the #042ec4

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

#0029bf
#0024ba
#001fb5
#001ab0
#0015ab
#0010a6
#000ba1
#00069c
#000197
#000092
#00008d
#000088
#103ad0
#1c46dc
#2852e8
#345ef4
#406aff
#4c76ff
#5882ff
#648eff
#709aff
#7ca6ff
#88b2ff
#94beff

Color spaces of #042ec4

Type Values
RGB 4 46 196
HSL 0.63 0.96 0.39
HSV 227 98 77
CMYK 75.29 58.82 0 23.14
XYZ 10.9909 5.9653 52.7967
Hunter Lab 24.424 37.5835 -111.0217
CIE-Lab 29.3248 48.2292 -78.9789

Base Numbers

BaseRedGreenBlue
Decimal 4 46 196
Binary 100 101110 11000100
Octal 4 56 304
Hex 4 2E C4

Monochromatic Colors

#1d47dd
#3660f6
#4f79ff
#6892ff
#81abff
#9ac4ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#042ec4 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#042EC4 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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