#117BD1 Color Information


In the RGB color space, #117BD1 is composed of 6.6667% red, 48.2353% green, and 81.9608% blue.

In the CMYK color space, #117BD1 is composed of 91.86% cyan, 41.14% magenta, 0% yellow, and 18.04% black,

It has a hue angle of 206.9 degrees, a saturation of 84.95%, and a lightness of 44.31%.

The closest websafe color is #0066CC.

#117BD1 RGB Values

#117BD1 CMYK Values



#117BD1 Color Conversion


The hexadecimal color #117BD1 has RGB values of R:17, G:123, B:209 and CMYK values of C:91.86, M:41.14, Y:0, K:18.04. It has a decimal value of 1145809.


Hexadecimal #117BD1 #117BD1
RGB Decimal 17, 123, 209 rgb(17, 123, 209)
RGB Percent 6.6667, 48.2353, 81.9608 rgb(6.6667%, 48.2353%, 81.9608%)
RGB Proportion 0.0667, 0.4824, 0.8196 rgb(0.0667, 0.4824, 0.8196)
CMYK 91.86, 41.14, 0, 18.04
HSL 206.9ยบ, 84.95, 44.31 hsl(206.9, 84.95%, 44.31%)
Websafe 0066CC #0066CC
XYZ 18.824, 18.891, 62.975
Yxy 18.891, 0.187, 0.188
CIE-LAB 50.559, 4.554, -51.877
CIE-LCH 50.559, 52.077, 275.017
CIE-LUV 50.559, -29.264, -80.282
Hunter-Lab 43.464, 1.246, -55.481

Color Schemes For #117BD1


Colors that go well with #117BD1.

Monochromatic
Triadic Colors
Split Complementary Color
Complementary Color
Analogous Colors
Tetradic Colors

Alternatives to #117BD1


Colors similar to #117BD1.


#117BD1 Preview


Common HTML and CSS shortcodes for #117BD1.

Text with color #117BD1


The quick brown fox jumps over the lazy dog.

<div style="color: #117BD1;">The quick brown fox jumps over the lazy dog.</div>

#117BD1 as background color


The quick brown fox jumps over the lazy dog.

<div style="background-color: #117BD1;">The quick brown fox jumps over the lazy dog.</div>

Border with #117BD1


The quick brown fox jumps over the lazy dog.

<div style="border: 1px solid #117BD1;">The quick brown fox jumps over the lazy dog.</div>

Linear Gradient with #117BD1


Linear gradient from #117BD1 to transparent.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#117BD1, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #117BD1


Radial gradient from #117BD1 to transparent.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#117BD1, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>

Linear Gradient with #117BD1 and its Complementary Color


Linear gradient from #117BD1 to #EE842E.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#117BD1, #EE842E);">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #117BD1 and its Complementary Color


Radial gradient from #117BD1 to #EE842E.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#117BD1, #EE842E);">The quick brown fox jumps over the lazy dog.</div>

CSS Code


Handy CSS code and shortcuts.

.text { color: #117BD1; } .background { background-color: #117BD1; } .border { border: 1px solid #117BD1; } .linear-gradient { background: linear-gradient(#faf310, rgba(255, 255, 255, 0)); } .radial-gradient { background: radial-gradient(#faf310, rgba(255, 255, 255, 0)); }

Shades and Tints of #117BD1


Shades are created by adding black to the color, while a tint is created by mixing white. The darkest shade in this example is #000204 while the lightest tint is #FAFDFE.

Shades


Tints

Random Colors