#6DC2DE Information

#6DC2DE color RGB value is (109 , 194 , 222) , HEX triplet: 6d, c2 and de. RGB value is (109 , 194 , 222). Sum of RGB (Red+Green+Blue) = 109+194+222=525 (Red value is 109 (42.75% from 255 or 50.7% from 215); Green value is 194 (76.08% from 255 or 90.23% from 215); Blue value is 222 (87.06% from 255 or 103.26% from 215); Max value from RGB is 222 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #6DC2DE hue: 0.54 , saturation: 0.63 and the lightness value of 6dc2de is 0.65.

#6dc2de
(109 , 194 , 222)
  • R (109)
  • G (194)
  • B (222)
  • C (44.31)
  • M (10.98)
  • Y (0)
  • K (12.94)

Applying the #6dc2de

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

#68bdd9
#63b8d4
#5eb3cf
#59aeca
#54a9c5
#4fa4c0
#4a9fbb
#459ab6
#4095b1
#3b90ac
#368ba7
#3186a2
#79ceea
#85daf6
#91e6ff
#9df2ff
#a9feff
#b5ffff
#c1ffff
#cdffff
#d9ffff
#e5ffff
#f1ffff
#fdffff

Color spaces of #6dc2de

Type Values
RGB 109 194 222
HSL 0.54 0.63 0.65
HSV 195 51 87
CMYK 44.31 10.98 0 12.94
XYZ 38.7833 47.1087 76.156
Hunter Lab 68.6358 -19.2492 -17.7181
CIE-Lab 74.2593 -18.1924 -21.9132

Base Numbers

BaseRedGreenBlue
Decimal 109 194 222
Binary 1101101 11000010 11011110
Octal 155 302 336
Hex 6D C2 DE

Monochromatic Colors

#86dbf7
#9ff4ff
#b8ffff
#d1ffff
#eaffff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#6dc2de Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#6DC2DE Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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