#683DCD Information

#683DCD color RGB value is (104 , 61 , 205) , HEX triplet: 68, 3d and cd. RGB value is (104 , 61 , 205). Sum of RGB (Red+Green+Blue) = 104+61+205=370 (Red value is 104 (40.78% from 255 or 48.37% from 215); Green value is 61 (23.92% from 255 or 28.37% from 215); Blue value is 205 (80.39% from 255 or 95.35% from 215); Max value from RGB is 205 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #683DCD hue: 0.72 , saturation: 0.59 and the lightness value of 683dcd is 0.52.

#683dcd
(104 , 61 , 205)
  • R (104)
  • G (61)
  • B (205)
  • C (39.61)
  • M (56.47)
  • Y (0)
  • K (19.61)

Applying the #683dcd

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

#6338c8
#5e33c3
#592ebe
#5429b9
#4f24b4
#4a1faf
#451aaa
#4015a5
#3b10a0
#360b9b
#310696
#2c0191
#7449d9
#8055e5
#8c61f1
#986dfd
#a479ff
#b085ff
#bc91ff
#c89dff
#d4a9ff
#e0b5ff
#ecc1ff
#f8cdff

Color spaces of #683dcd

Type Values
RGB 104 61 205
HSL 0.72 0.59 0.52
HSV 258 70 80
CMYK 39.61 56.47 0 19.61
XYZ 18.3971 10.6883 58.851
Hunter Lab 32.693 43.2334 -83.8045
CIE-Lab 39.0505 51.9415 -68.0005

Base Numbers

BaseRedGreenBlue
Decimal 104 61 205
Binary 1101000 111101 11001101
Octal 150 75 315
Hex 68 3D CD

Monochromatic Colors

#8156e6
#9a6fff
#b388ff
#cca1ff
#e5baff
#fed3ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#683dcd Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#683DCD Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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