#6976FD Information

#6976FD color RGB value is (105 , 118 , 253) , HEX triplet: 69, 76 and fd. RGB value is (105 , 118 , 253). Sum of RGB (Red+Green+Blue) = 105+118+253=476 (Red value is 105 (41.18% from 255 or 48.84% from 215); Green value is 118 (46.27% from 255 or 54.88% 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 #6976FD hue: 0.65 , saturation: 0.97 and the lightness value of 6976fd is 0.7.

#6976fd
(105 , 118 , 253)
  • R (105)
  • G (118)
  • B (253)
  • C (58.04)
  • M (52.94)
  • Y (0)
  • K (0.78)

Applying the #6976fd

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

#6471f8
#5f6cf3
#5a67ee
#5562e9
#505de4
#4b58df
#4653da
#414ed5
#3c49d0
#3744cb
#323fc6
#2d3ac1
#7582ff
#818eff
#8d9aff
#99a6ff
#a5b2ff
#b1beff
#bdcaff
#c9d6ff
#d5e2ff
#e1eeff
#edfaff
#f9ffff

Color spaces of #6976fd

Type Values
RGB 105 118 253
HSL 0.65 0.97 0.7
HSV 235 58 99
CMYK 58.04 52.94 0 0.78
XYZ 30.0338 23.052 95.795
Hunter Lab 48.0125 27.6374 -84.6444
CIE-Lab 55.1258 33.9832 -69.0114

Base Numbers

BaseRedGreenBlue
Decimal 105 118 253
Binary 1101001 1110110 11111101
Octal 151 166 375
Hex 69 76 FD

Monochromatic Colors

#828fff
#9ba8ff
#b4c1ff
#cddaff
#e6f3ff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#6976fd Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#6976FD Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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