#1D68F2 Color Information


In the RGB color space, #1D68F2 is composed of 11.3725% red, 40.7843% green, and 94.902% blue.

In the CMYK color space, #1D68F2 is composed of 88.02% cyan, 57.03% magenta, 0% yellow, and 5.1% black,

It has a hue angle of 218.9 degrees, a saturation of 89.12%, and a lightness of 53.13%.

The closest websafe color is #3366FF.

#1D68F2 RGB Values

#1D68F2 CMYK Values



#1D68F2 Color Conversion


The hexadecimal color #1D68F2 has RGB values of R:29, G:104, B:242 and CMYK values of C:88.02, M:57.03, Y:0, K:5.1. It has a decimal value of 1927410.


Hexadecimal #1D68F2 #1D68F2
RGB Decimal 29, 104, 242 rgb(29, 104, 242)
RGB Percent 11.3725, 40.7843, 94.902 rgb(11.3725%, 40.7843%, 94.902%)
RGB Proportion 0.1137, 0.4078, 0.949 rgb(0.1137, 0.4078, 0.949)
CMYK 88.02, 57.03, 0, 5.1
HSL 218.9ยบ, 89.12, 53.13 hsl(218.9, 89.12%, 53.13%)
Websafe 3366FF #3366FF
XYZ 21.482, 16.57, 86.067
Yxy 16.57, 0.173, 0.134
CIE-LAB 47.714, 29.939, -75.071
CIE-LCH 47.714, 80.821, 291.743
CIE-LUV 47.714, -21.815, -115.383
Hunter-Lab 40.706, 22.964, -96.865

Color Schemes For #1D68F2


Colors that go well with #1D68F2.

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

Alternatives to #1D68F2


Colors similar to #1D68F2.


#1D68F2 Preview


Common HTML and CSS shortcodes for #1D68F2.

Text with color #1D68F2


The quick brown fox jumps over the lazy dog.

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

#1D68F2 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #1D68F2


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #1D68F2


Linear gradient from #1D68F2 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #1D68F2


Radial gradient from #1D68F2 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #1D68F2 and its Complementary Color


Linear gradient from #1D68F2 to #E2970D.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #1D68F2 and its Complementary Color


Radial gradient from #1D68F2 to #E2970D.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

.text { color: #1D68F2; } .background { background-color: #1D68F2; } .border { border: 1px solid #1D68F2; } .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 #1D68F2


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 #FBFCFE.

Shades


Tints

Random Colors