#357BD5 Information

#357BD5 color RGB value is (53 , 123 , 213) , HEX triplet: 35, 7b and d5. RGB value is (53 , 123 , 213). Sum of RGB (Red+Green+Blue) = 53+123+213=389 (Red value is 53 (20.78% from 255 or 24.65% from 215); Green value is 123 (48.24% from 255 or 57.21% from 215); Blue value is 213 (83.53% from 255 or 99.07% from 215); Max value from RGB is 213 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #357BD5 hue: 0.59 , saturation: 0.66 and the lightness value of 357bd5 is 0.52.

#357bd5
(53 , 123 , 213)
  • R (53)
  • G (123)
  • B (213)
  • C (62.75)
  • M (35.29)
  • Y (0)
  • K (16.47)

Applying the #357bd5

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

#3076d0
#2b71cb
#266cc6
#2167c1
#1c62bc
#175db7
#1258b2
#0d53ad
#084ea8
#0349a3
#00449e
#003f99
#4187e1
#4d93ed
#599ff9
#65abff
#71b7ff
#7dc3ff
#89cfff
#95dbff
#a1e7ff
#adf3ff
#b9ffff
#c5ffff

Color spaces of #357bd5

Type Values
RGB 53 123 213
HSL 0.59 0.66 0.52
HSV 214 75 84
CMYK 62.75 35.29 0 16.47
XYZ 20.5614 19.7269 65.6748
Hunter Lab 44.415 4.9085 -56.5478
CIE-Lab 51.527 9.0874 -52.557

Base Numbers

BaseRedGreenBlue
Decimal 53 123 213
Binary 110101 1111011 11010101
Octal 65 173 325
Hex 35 7B D5

Monochromatic Colors

#4e94ee
#67adff
#80c6ff
#99dfff
#b2f8ff
#cbffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#357bd5 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#357BD5 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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