#347BE5 Information

#347BE5 color RGB value is (52 , 123 , 229) , HEX triplet: 34, 7b and e5. RGB value is (52 , 123 , 229). Sum of RGB (Red+Green+Blue) = 52+123+229=404 (Red value is 52 (20.39% from 255 or 24.19% from 215); Green value is 123 (48.24% from 255 or 57.21% from 215); Blue value is 229 (89.8% from 255 or 106.51% from 215); Max value from RGB is 229 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #347BE5 hue: 0.6 , saturation: 0.77 and the lightness value of 347be5 is 0.55.

#347be5
(52 , 123 , 229)
  • R (52)
  • G (123)
  • B (229)
  • C (69.41)
  • M (41.57)
  • Y (0)
  • K (10.2)

Applying the #347be5

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

#2f76e0
#2a71db
#256cd6
#2067d1
#1b62cc
#165dc7
#1158c2
#0c53bd
#074eb8
#0249b3
#0044ae
#003fa9
#4087f1
#4c93fd
#589fff
#64abff
#70b7ff
#7cc3ff
#88cfff
#94dbff
#a0e7ff
#acf3ff
#b8ffff
#c4ffff

Color spaces of #347be5

Type Values
RGB 52 123 229
HSL 0.6 0.77 0.55
HSV 216 77 90
CMYK 69.41 41.57 0 10.2
XYZ 22.642 20.5531 76.9025
Hunter Lab 45.3356 9.8114 -68.8021
CIE-Lab 52.4569 14.8798 -60.0816

Base Numbers

BaseRedGreenBlue
Decimal 52 123 229
Binary 110100 1111011 11100101
Octal 64 173 345
Hex 34 7B E5

Monochromatic Colors

#4d94fe
#66adff
#7fc6ff
#98dfff
#b1f8ff
#caffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#347be5 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#347BE5 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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