#518BFD Information

#518BFD color RGB value is (81 , 139 , 253) , HEX triplet: 51, 8b and fd. RGB value is (81 , 139 , 253). Sum of RGB (Red+Green+Blue) = 81+139+253=473 (Red value is 81 (31.76% from 255 or 37.67% from 215); Green value is 139 (54.51% from 255 or 64.65% 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 #518BFD hue: 0.61 , saturation: 0.98 and the lightness value of 518bfd is 0.65.

#518bfd
(81 , 139 , 253)
  • R (81)
  • G (139)
  • B (253)
  • C (67.45)
  • M (44.71)
  • Y (0)
  • K (0.78)

Applying the #518bfd

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

#4c86f8
#4781f3
#427cee
#3d77e9
#3872e4
#336ddf
#2e68da
#2963d5
#245ed0
#1f59cb
#1a54c6
#154fc1
#5d97ff
#69a3ff
#75afff
#81bbff
#8dc7ff
#99d3ff
#a5dfff
#b1ebff
#bdf7ff
#c9ffff
#d5ffff
#e1ffff

Color spaces of #518bfd

Type Values
RGB 81 139 253
HSL 0.61 0.98 0.65
HSV 220 68 99
CMYK 67.45 44.71 0 0.78
XYZ 30.3556 27.3064 96.5993
Hunter Lab 52.2555 12.2448 -72.9846
CIE-Lab 59.2569 17.3891 -62.4237

Base Numbers

BaseRedGreenBlue
Decimal 81 139 253
Binary 1010001 10001011 11111101
Octal 121 213 375
Hex 51 8B FD

Monochromatic Colors

#6aa4ff
#83bdff
#9cd6ff
#b5efff
#ceffff
#e7ffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#518bfd Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#518BFD Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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