CornflowerBlue / #6495ED Color Information


In the RGB color space, #6495ED is composed of 39.2157% red, 58.4314% green, and 92.9412% blue.

In the CMYK color space, #6495ED is composed of 57.8% cyan, 37.13% magenta, 0% yellow, and 7.06% black,

It has a hue angle of 218.5 degrees, a saturation of 79.19%, and a lightness of 66.08%.

The closest websafe color is #6699FF.

#6495ED has a CSS color name: CornflowerBlue.

#6495ED RGB Values

#6495ED CMYK Values



CornflowerBlue / #6495ED Color Conversion


The hexadecimal color #6495ED has RGB values of R:100, G:149, B:237 and CMYK values of C:57.8, M:37.13, Y:0, K:7.06. It has a decimal value of 6591981.


Hexadecimal #6495ED #6495ED
RGB Decimal 100, 149, 237 rgb(100, 149, 237)
RGB Percent 39.2157, 58.4314, 92.9412 rgb(39.2157%, 58.4314%, 92.9412%)
RGB Proportion 0.3922, 0.5843, 0.9294 rgb(0.3922, 0.5843, 0.9294)
CMYK 57.8, 37.13, 0, 7.06
HSL 218.5ยบ, 79.19, 66.08 hsl(218.5, 79.19%, 66.08%)
Websafe 6699FF #6699FF
XYZ 31.289, 30.318, 84.321
Yxy 30.318, 0.214, 0.208
CIE-LAB 61.928, 9.345, -49.305
CIE-LCH 61.928, 50.183, 280.732
CIE-LUV 61.928, -22.933, -79.795
Hunter-Lab 55.062, 5.075, -52.253

Color Schemes For CornflowerBlue / #6495ED


Colors that go well with CornflowerBlue / #6495ED.

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

Alternatives to CornflowerBlue / #6495ED


Colors similar to CornflowerBlue / #6495ED.


CornflowerBlue / #6495ED Preview


Common HTML and CSS shortcodes for CornflowerBlue / #6495ED.

Text with color #6495ED


The quick brown fox jumps over the lazy dog.

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

#6495ED as background color


The quick brown fox jumps over the lazy dog.

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

Border with #6495ED


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #6495ED


Linear gradient from #6495ED to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #6495ED


Radial gradient from #6495ED to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #6495ED and its Complementary Color


Linear gradient from #6495ED to #9B6A12.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#6495ED, #9B6A12);">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #6495ED and its Complementary Color


Radial gradient from #6495ED to #9B6A12.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#6495ED, #9B6A12);">The quick brown fox jumps over the lazy dog.</div>

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors