#7646DB Information

#7646DB color RGB value is (118 , 70 , 219) , HEX triplet: 76, 46 and db. RGB value is (118 , 70 , 219). Sum of RGB (Red+Green+Blue) = 118+70+219=407 (Red value is 118 (46.27% from 255 or 54.88% from 215); Green value is 70 (27.45% from 255 or 32.56% from 215); Blue value is 219 (85.88% from 255 or 101.86% from 215); Max value from RGB is 219 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #7646DB hue: 0.72 , saturation: 0.67 and the lightness value of 7646db is 0.57.

#7646db
(118 , 70 , 219)
  • R (118)
  • G (70)
  • B (219)
  • C (39.61)
  • M (58.43)
  • Y (0)
  • K (14.12)

Applying the #7646db

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

#7141d6
#6c3cd1
#6737cc
#6232c7
#5d2dc2
#5828bd
#5323b8
#4e1eb3
#4919ae
#4414a9
#3f0fa4
#3a0a9f
#8252e7
#8e5ef3
#9a6aff
#a676ff
#b282ff
#be8eff
#ca9aff
#d6a6ff
#e2b2ff
#eebeff
#facaff
#ffd6ff

Color spaces of #7646db

Type Values
RGB 118 70 219
HSL 0.72 0.67 0.57
HSV 259 68 86
CMYK 39.61 58.43 0 14.12
XYZ 22.4476 13.3463 68.4108
Hunter Lab 36.5326 45.7476 -85.4128
CIE-Lab 43.2805 53.5434 -69.0899

Base Numbers

BaseRedGreenBlue
Decimal 118 70 219
Binary 1110110 1000110 11011011
Octal 166 106 333
Hex 76 46 DB

Monochromatic Colors

#8f5ff4
#a878ff
#c191ff
#daaaff
#f3c3ff
#ffdcff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#7646db Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#7646DB Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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