#5F72DF Information

#5F72DF color RGB value is (95 , 114 , 223) , HEX triplet: 5f, 72 and df. RGB value is (95 , 114 , 223). Sum of RGB (Red+Green+Blue) = 95+114+223=432 (Red value is 95 (37.25% from 255 or 44.19% from 215); Green value is 114 (44.71% from 255 or 53.02% from 215); Blue value is 223 (87.45% from 255 or 103.72% from 215); Max value from RGB is 223 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #5F72DF hue: 0.64 , saturation: 0.67 and the lightness value of 5f72df is 0.62.

#5f72df
(95 , 114 , 223)
  • R (95)
  • G (114)
  • B (223)
  • C (50.2)
  • M (42.75)
  • Y (0)
  • K (12.55)

Applying the #5f72df

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

#5a6dda
#5568d5
#5063d0
#4b5ecb
#4659c6
#4154c1
#3c4fbc
#374ab7
#3245b2
#2d40ad
#283ba8
#2336a3
#6b7eeb
#778af7
#8396ff
#8fa2ff
#9baeff
#a7baff
#b3c6ff
#bfd2ff
#cbdeff
#d7eaff
#e3f6ff
#efffff

Color spaces of #5f72df

Type Values
RGB 95 114 223
HSL 0.64 0.67 0.62
HSV 231 57 87
CMYK 50.2 42.75 0 12.55
XYZ 24.0559 19.7952 72.365
Hunter Lab 44.4918 18.6511 -65.2547
CIE-Lab 51.6049 24.8743 -57.9763

Base Numbers

BaseRedGreenBlue
Decimal 95 114 223
Binary 1011111 1110010 11011111
Octal 137 162 337
Hex 5F 72 DF

Monochromatic Colors

#788bf8
#91a4ff
#aabdff
#c3d6ff
#dcefff
#f5ffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#5f72df Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#5F72DF Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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