#006CC4 Information

#006CC4 color RGB value is (0 , 108 , 196) , HEX triplet: 0, 6c and c4. RGB value is (0 , 108 , 196). Sum of RGB (Red+Green+Blue) = 0+108+196=304 (Red value is 0 (0% from 255 or 0% from 215); Green value is 108 (42.35% from 255 or 50.23% from 215); Blue value is 196 (76.86% from 255 or 91.16% from 215); Max value from RGB is 196 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #006CC4 hue: 0.57 , saturation: 1 and the lightness value of 006cc4 is 0.38.

#006cc4
(0 , 108 , 196)
  • R (0)
  • G (108)
  • B (196)
  • C (76.86)
  • M (34.51)
  • Y (0)
  • K (23.14)

Applying the #006cc4

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

#0067bf
#0062ba
#005db5
#0058b0
#0053ab
#004ea6
#0049a1
#00449c
#003f97
#003a92
#00358d
#003088
#0c78d0
#1884dc
#2490e8
#309cf4
#3ca8ff
#48b4ff
#54c0ff
#60ccff
#6cd8ff
#78e4ff
#84f0ff
#90fcff

Color spaces of #006cc4

Type Values
RGB 0 108 196
HSL 0.57 1 0.38
HSV 207 100 77
CMYK 76.86 34.51 0 23.14
XYZ 15.3264 14.7106 54.2562
Hunter Lab 38.3545 4.2081 -56.9931
CIE-Lab 45.2353 8.2017 -52.9817

Base Numbers

BaseRedGreenBlue
Decimal 0 108 196
Binary 0 1101100 11000100
Octal 0 154 304
Hex 0 6C C4

Monochromatic Colors

#1985dd
#329ef6
#4bb7ff
#64d0ff
#7de9ff
#96ffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#006cc4 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#006CC4 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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