#268ED0 Color Information


In the RGB color space, #268ED0 is composed of 14.902% red, 55.6863% green, and 81.5686% blue.

In the CMYK color space, #268ED0 is composed of 81.73% cyan, 31.73% magenta, 0% yellow, and 18.43% black,

It has a hue angle of 203.3 degrees, a saturation of 69.11%, and a lightness of 48.23%.

The closest websafe color is #3399CC.

#268ED0 RGB Values

#268ED0 CMYK Values



#268ED0 Color Conversion


The hexadecimal color #268ED0 has RGB values of R:38, G:142, B:208 and CMYK values of C:81.73, M:31.73, Y:0, K:18.43. It has a decimal value of 2526928.


Hexadecimal #268ED0 #268ED0
RGB Decimal 38, 142, 208 rgb(38, 142, 208)
RGB Percent 14.902, 55.6863, 81.5686 rgb(14.902%, 55.6863%, 81.5686%)
RGB Proportion 0.149, 0.5569, 0.8157 rgb(0.149, 0.5569, 0.8157)
CMYK 81.73, 31.73, 0, 18.43
HSL 203.3ยบ, 69.11, 48.23 hsl(203.3, 69.11%, 48.23%)
Websafe 3399CC #3399CC
XYZ 21.859, 24.315, 63.218
Yxy 24.315, 0.2, 0.222
CIE-LAB 56.402, -5.739, -42.018
CIE-LCH 56.402, 42.408, 262.222
CIE-LUV 56.402, -33.805, -64.943
Hunter-Lab 49.31, -7.165, -41.495

Color Schemes For #268ED0


Colors that go well with #268ED0.

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

Alternatives to #268ED0


Colors similar to #268ED0.


#268ED0 Preview


Common HTML and CSS shortcodes for #268ED0.

Text with color #268ED0


The quick brown fox jumps over the lazy dog.

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

#268ED0 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #268ED0


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #268ED0


Linear gradient from #268ED0 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #268ED0


Radial gradient from #268ED0 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #268ED0 and its Complementary Color


Linear gradient from #268ED0 to #D9712F.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #268ED0 and its Complementary Color


Radial gradient from #268ED0 to #D9712F.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors