#1073DF Information

#1073DF color RGB value is (16 , 115 , 223) , HEX triplet: 10, 73 and df. RGB value is (16 , 115 , 223). Sum of RGB (Red+Green+Blue) = 16+115+223=354 (Red value is 16 (6.27% from 255 or 7.44% from 215); Green value is 115 (45.1% from 255 or 53.49% 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 #1073DF hue: 0.59 , saturation: 0.87 and the lightness value of 1073df is 0.47.

#1073df
(16 , 115 , 223)
  • R (16)
  • G (115)
  • B (223)
  • C (81.18)
  • M (42.35)
  • Y (0)
  • K (12.55)

Applying the #1073df

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

#0b6eda
#0669d5
#0164d0
#005fcb
#005ac6
#0055c1
#0050bc
#004bb7
#0046b2
#0041ad
#003ca8
#0037a3
#1c7feb
#288bf7
#3497ff
#40a3ff
#4cafff
#58bbff
#64c7ff
#70d3ff
#7cdfff
#88ebff
#94f7ff
#a0ffff

Color spaces of #1073df

Type Values
RGB 16 115 223
HSL 0.59 0.87 0.47
HSV 211 93 87
CMYK 81.18 42.35 0 12.55
XYZ 19.6637 17.6993 72.192
Hunter Lab 42.0706 9.8072 -72.2537
CIE-Lab 49.1294 14.9887 -62.1052

Base Numbers

BaseRedGreenBlue
Decimal 16 115 223
Binary 10000 1110011 11011111
Octal 20 163 337
Hex 10 73 DF

Monochromatic Colors

#298cf8
#42a5ff
#5bbeff
#74d7ff
#8df0ff
#a6ffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#1073df Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#1073DF Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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