#718FC8 Information

#718FC8 color RGB value is (113 , 143 , 200) , HEX triplet: 71, 8f and c8. RGB value is (113 , 143 , 200). Sum of RGB (Red+Green+Blue) = 113+143+200=456 (Red value is 113 (44.31% from 255 or 52.56% from 215); Green value is 143 (56.08% from 255 or 66.51% from 215); Blue value is 200 (78.43% from 255 or 93.02% from 215); Max value from RGB is 200 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #718FC8 hue: 0.61 , saturation: 0.44 and the lightness value of 718fc8 is 0.61.

#718fc8
(113 , 143 , 200)
  • R (113)
  • G (143)
  • B (200)
  • C (34.12)
  • M (22.35)
  • Y (0)
  • K (21.57)

Applying the #718fc8

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

#6c8ac3
#6785be
#6280b9
#5d7bb4
#5876af
#5371aa
#4e6ca5
#4967a0
#44629b
#3f5d96
#3a5891
#35538c
#7d9bd4
#89a7e0
#95b3ec
#a1bff8
#adcbff
#b9d7ff
#c5e3ff
#d1efff
#ddfbff
#e9ffff
#f5ffff
#ffffff

Color spaces of #718fc8

Type Values
RGB 113 143 200
HSL 0.61 0.44 0.61
HSV 219 44 78
CMYK 34.12 22.35 0 21.57
XYZ 27.0578 27.3258 58.4919
Hunter Lab 52.274 0.915 -29.7269
CIE-Lab 59.2747 4.4587 -32.7991

Base Numbers

BaseRedGreenBlue
Decimal 113 143 200
Binary 1110001 10001111 11001000
Octal 161 217 310
Hex 71 8F C8

Monochromatic Colors

#8aa8e1
#a3c1fa
#bcdaff
#d5f3ff
#eeffff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#718fc8 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#718FC8 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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