#4C5898 Information

#4C5898 color RGB value is (76 , 88 , 152) , HEX triplet: 4c, 58 and 98. RGB value is (76 , 88 , 152). Sum of RGB (Red+Green+Blue) = 76+88+152=316 (Red value is 76 (29.8% from 255 or 35.35% from 215); Green value is 88 (34.51% from 255 or 40.93% from 215); Blue value is 152 (59.61% from 255 or 70.7% from 215); Max value from RGB is 152 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #4C5898 hue: 0.64 , saturation: 0.33 and the lightness value of 4c5898 is 0.45.

#4c5898
(76 , 88 , 152)
  • R (76)
  • G (88)
  • B (152)
  • C (29.8)
  • M (25.1)
  • Y (0)
  • K (40.39)

Applying the #4c5898

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

#475393
#424e8e
#3d4989
#384484
#333f7f
#2e3a7a
#293575
#243070
#1f2b6b
#1a2666
#152161
#101c5c
#5864a4
#6470b0
#707cbc
#7c88c8
#8894d4
#94a0e0
#a0acec
#acb8f8
#b8c4ff
#c4d0ff
#d0dcff
#dce8ff

Color spaces of #4c5898

Type Values
RGB 76 88 152
HSL 0.64 0.33 0.45
HSV 231 50 60
CMYK 29.8 25.1 0 40.39
XYZ 12.1377 10.7829 31.1474
Hunter Lab 32.8374 8.5138 -33.2321
CIE-Lab 39.2125 13.8039 -36.5864

Base Numbers

BaseRedGreenBlue
Decimal 76 88 152
Binary 1001100 1011000 10011000
Octal 114 130 230
Hex 4C 58 98

Monochromatic Colors

#6571b1
#7e8aca
#97a3e3
#b0bcfc
#c9d5ff
#e2eeff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#4c5898 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#4C5898 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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