#1C6DD5 Information

#1C6DD5 color RGB value is (28 , 109 , 213) , HEX triplet: 1c, 6d and d5. RGB value is (28 , 109 , 213). Sum of RGB (Red+Green+Blue) = 28+109+213=350 (Red value is 28 (10.98% from 255 or 13.02% from 215); Green value is 109 (42.75% from 255 or 50.7% from 215); Blue value is 213 (83.53% from 255 or 99.07% from 215); Max value from RGB is 213 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #1C6DD5 hue: 0.59 , saturation: 0.77 and the lightness value of 1c6dd5 is 0.47.

#1c6dd5
(28 , 109 , 213)
  • R (28)
  • G (109)
  • B (213)
  • C (72.55)
  • M (40.78)
  • Y (0)
  • K (16.47)

Applying the #1c6dd5

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

#1768d0
#1263cb
#0d5ec6
#0859c1
#0354bc
#004fb7
#004ab2
#0045ad
#0040a8
#003ba3
#00369e
#003199
#2879e1
#3485ed
#4091f9
#4c9dff
#58a9ff
#64b5ff
#70c1ff
#7ccdff
#88d9ff
#94e5ff
#a0f1ff
#acfdff

Color spaces of #1c6dd5

Type Values
RGB 28 109 213
HSL 0.59 0.77 0.47
HSV 214 87 84
CMYK 72.55 40.78 0 16.47
XYZ 17.9578 15.9883 65.0904
Hunter Lab 39.9853 10.1919 -68.4909
CIE-Lab 46.9591 15.5318 -59.9301

Base Numbers

BaseRedGreenBlue
Decimal 28 109 213
Binary 11100 1101101 11010101
Octal 34 155 325
Hex 1C 6D D5

Monochromatic Colors

#3586ee
#4e9fff
#67b8ff
#80d1ff
#99eaff
#b2ffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#1c6dd5 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#1C6DD5 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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