#354E55 Information

#354E55 color RGB value is (53 , 78 , 85) , HEX triplet: 35, 4e and 55. RGB value is (53 , 78 , 85). Sum of RGB (Red+Green+Blue) = 53+78+85=216 (Red value is 53 (20.78% from 255 or 24.65% from 215); Green value is 78 (30.59% from 255 or 36.28% from 215); Blue value is 85 (33.33% from 255 or 39.53% from 215); Max value from RGB is 85 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #354E55 hue: 0.54 , saturation: 0.23 and the lightness value of 354e55 is 0.27.

#354e55
(53 , 78 , 85)
  • R (53)
  • G (78)
  • B (85)
  • C (12.55)
  • M (2.75)
  • Y (0)
  • K (66.67)

Applying the #354e55

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

#304950
#2b444b
#263f46
#213a41
#1c353c
#173037
#122b32
#0d262d
#082128
#031c23
#00171e
#001219
#415a61
#4d666d
#597279
#657e85
#718a91
#7d969d
#89a2a9
#95aeb5
#a1bac1
#adc6cd
#b9d2d9
#c5dee5

Color spaces of #354e55

Type Values
RGB 53 78 85
HSL 0.54 0.23 0.27
HSV 193 38 33
CMYK 12.55 2.75 0 66.67
XYZ 5.8323 6.8615 9.6113
Hunter Lab 26.1945 -6.0968 -3.411
CIE-Lab 31.4896 -7.483 -7.1722

Base Numbers

BaseRedGreenBlue
Decimal 53 78 85
Binary 110101 1001110 1010101
Octal 65 116 125
Hex 35 4E 55

Monochromatic Colors

#4e676e
#678087
#8099a0
#99b2b9
#b2cbd2
#cbe4eb

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#354e55 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#354E55 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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