#34B4FD Information

#34B4FD color RGB value is (52 , 180 , 253) , HEX triplet: 34, b4 and fd. RGB value is (52 , 180 , 253). Sum of RGB (Red+Green+Blue) = 52+180+253=485 (Red value is 52 (20.39% from 255 or 24.19% from 215); Green value is 180 (70.59% from 255 or 83.72% from 215); Blue value is 253 (99.22% from 255 or 117.67% from 215); Max value from RGB is 253 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #34B4FD hue: 0.56 , saturation: 0.98 and the lightness value of 34b4fd is 0.6.

#34b4fd
(52 , 180 , 253)
  • R (52)
  • G (180)
  • B (253)
  • C (78.82)
  • M (28.63)
  • Y (0)
  • K (0.78)

Applying the #34b4fd

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

#2faff8
#2aaaf3
#25a5ee
#20a0e9
#1b9be4
#1696df
#1191da
#0c8cd5
#0787d0
#0282cb
#007dc6
#0078c1
#40c0ff
#4cccff
#58d8ff
#64e4ff
#70f0ff
#7cfcff
#88ffff
#94ffff
#a0ffff
#acffff
#b8ffff
#c4ffff

Color spaces of #34b4fd

Type Values
RGB 52 180 253
HSL 0.56 0.98 0.6
HSV 202 79 99
CMYK 78.82 28.63 0 0.78
XYZ 35.4671 40.4644 98.8696
Hunter Lab 63.6117 -11.7963 -47.5914
CIE-Lab 69.799 -9.8541 -45.7415

Base Numbers

BaseRedGreenBlue
Decimal 52 180 253
Binary 110100 10110100 11111101
Octal 64 264 375
Hex 34 B4 FD

Monochromatic Colors

#4dcdff
#66e6ff
#7fffff
#98ffff
#b1ffff
#caffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#34b4fd Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#34B4FD Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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