#6C85DF Information

#6C85DF color RGB value is (108 , 133 , 223) , HEX triplet: 6c, 85 and df. RGB value is (108 , 133 , 223). Sum of RGB (Red+Green+Blue) = 108+133+223=464 (Red value is 108 (42.35% from 255 or 50.23% from 215); Green value is 133 (52.16% from 255 or 61.86% 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 #6C85DF hue: 0.63 , saturation: 0.64 and the lightness value of 6c85df is 0.65.

#6c85df
(108 , 133 , 223)
  • R (108)
  • G (133)
  • B (223)
  • C (45.1)
  • M (35.29)
  • Y (0)
  • K (12.55)

Applying the #6c85df

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

#6780da
#627bd5
#5d76d0
#5871cb
#536cc6
#4e67c1
#4962bc
#445db7
#3f58b2
#3a53ad
#354ea8
#3049a3
#7891eb
#849df7
#90a9ff
#9cb5ff
#a8c1ff
#b4cdff
#c0d9ff
#cce5ff
#d8f1ff
#e4fdff
#f0ffff
#fcffff

Color spaces of #6c85df

Type Values
RGB 108 133 223
HSL 0.63 0.64 0.65
HSV 227 52 87
CMYK 45.1 35.29 0 12.55
XYZ 27.8912 25.2909 73.2236
Hunter Lab 50.2901 10.9897 -51.0937
CIE-Lab 57.3578 16.0637 -48.7451

Base Numbers

BaseRedGreenBlue
Decimal 108 133 223
Binary 1101100 10000101 11011111
Octal 154 205 337
Hex 6C 85 DF

Monochromatic Colors

#859ef8
#9eb7ff
#b7d0ff
#d0e9ff
#e9ffff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#6c85df Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#6C85DF Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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