#518FFD Information

#518FFD color RGB value is (81 , 143 , 253) , HEX triplet: 51, 8f and fd. RGB value is (81 , 143 , 253). Sum of RGB (Red+Green+Blue) = 81+143+253=477 (Red value is 81 (31.76% from 255 or 37.67% from 215); Green value is 143 (56.08% from 255 or 66.51% 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 #518FFD hue: 0.61 , saturation: 0.98 and the lightness value of 518ffd is 0.65.

#518ffd
(81 , 143 , 253)
  • R (81)
  • G (143)
  • B (253)
  • C (67.45)
  • M (43.14)
  • Y (0)
  • K (0.78)

Applying the #518ffd

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

#4c8af8
#4785f3
#4280ee
#3d7be9
#3876e4
#3371df
#2e6cda
#2967d5
#2462d0
#1f5dcb
#1a58c6
#1553c1
#5d9bff
#69a7ff
#75b3ff
#81bfff
#8dcbff
#99d7ff
#a5e3ff
#b1efff
#bdfbff
#c9ffff
#d5ffff
#e1ffff

Color spaces of #518ffd

Type Values
RGB 81 143 253
HSL 0.61 0.98 0.65
HSV 218 68 99
CMYK 67.45 43.14 0 0.78
XYZ 30.9454 28.4861 96.7959
Hunter Lab 53.3724 10.0933 -70.1285
CIE-Lab 60.3254 14.9829 -60.7117

Base Numbers

BaseRedGreenBlue
Decimal 81 143 253
Binary 1010001 10001111 11111101
Octal 121 217 375
Hex 51 8F FD

Monochromatic Colors

#6aa8ff
#83c1ff
#9cdaff
#b5f3ff
#ceffff
#e7ffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#518ffd Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#518FFD Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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