#3C585F Information

#3C585F color RGB value is (60 , 88 , 95) , HEX triplet: 3c, 58 and 5f. RGB value is (60 , 88 , 95). Sum of RGB (Red+Green+Blue) = 60+88+95=243 (Red value is 60 (23.53% from 255 or 27.91% from 215); Green value is 88 (34.51% from 255 or 40.93% from 215); Blue value is 95 (37.25% from 255 or 44.19% from 215); Max value from RGB is 95 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #3C585F hue: 0.53 , saturation: 0.23 and the lightness value of 3c585f is 0.3.

#3c585f
(60 , 88 , 95)
  • R (60)
  • G (88)
  • B (95)
  • C (13.73)
  • M (2.75)
  • Y (0)
  • K (62.75)

Applying the #3c585f

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

#37535a
#324e55
#2d4950
#28444b
#233f46
#1e3a41
#19353c
#143037
#0f2b32
#0a262d
#052128
#001c23
#48646b
#547077
#607c83
#6c888f
#78949b
#84a0a7
#90acb3
#9cb8bf
#a8c4cb
#b4d0d7
#c0dce3
#cce8ef

Color spaces of #3c585f

Type Values
RGB 60 88 95
HSL 0.53 0.23 0.3
HSV 192 37 37
CMYK 13.73 2.75 0 62.75
XYZ 7.4188 8.7663 12.1275
Hunter Lab 29.608 -7.0877 -3.5513
CIE-Lab 35.5304 -8.4321 -7.3823

Base Numbers

BaseRedGreenBlue
Decimal 60 88 95
Binary 111100 1011000 1011111
Octal 74 130 137
Hex 3C 58 5F

Monochromatic Colors

#557178
#6e8a91
#87a3aa
#a0bcc3
#b9d5dc
#d2eef5

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#3c585f Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#3C585F Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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