#06A5FF Color Information


In the RGB color space, #06A5FF is composed of 2.3529% red, 64.7059% green, and 100% blue.

In the CMYK color space, #06A5FF is composed of 97.65% cyan, 35.29% magenta, 0% yellow, and 0% black,

It has a hue angle of 201.7 degrees, a saturation of 100%, and a lightness of 51.18%.

The closest websafe color is #0099FF.

#06A5FF RGB Values

#06A5FF CMYK Values

#06A5FF Color Conversion


The hexadecimal color #06A5FF has RGB values of R:6, G:165, B:255 and CMYK values of C:97.65, M:35.29, Y:0, K:0. It has a decimal value of 435711.


Hexadecimal #06A5FF #06A5FF
RGB Decimal 6, 165, 255 rgb(6, 165, 255)
RGB Percent 2.3529, 64.7059, 100 rgb(2.3529%, 64.7059%, 100%)
RGB Proportion 0.0235, 0.6471, 1.0 rgb(0.0235, 0.6471, 1.0)
CMYK 97.65, 35.29, 0, 0
HSL 201.7ยบ, 100, 51.18 hsl(201.7, 100%, 51.18%)
Websafe 0099FF #0099FF
XYZ 31.582, 34.173, 99.539
Yxy 34.173, 0.191, 0.207
CIE-LAB 65.1, -3.253, -54.28
CIE-LCH 65.1, 54.377, 266.57
CIE-LUV 65.1, -40.578, -87.517
Hunter-Lab 58.458, -5.866, -60.036

Color Schemes For #06A5FF


Colors that go well with #06A5FF.

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

Alternatives to #06A5FF


Colors similar to #06A5FF.


#06A5FF Preview


Common HTML and CSS shortcodes for #06A5FF.

Text with color #06A5FF


The quick brown fox jumps over the lazy dog.

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

#06A5FF as background color


The quick brown fox jumps over the lazy dog.

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

Border with #06A5FF


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #06A5FF


Linear gradient from #06A5FF to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #06A5FF


Radial gradient from #06A5FF to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #06A5FF and its Complementary Color


Linear gradient from #06A5FF to #F95A00.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #06A5FF and its Complementary Color


Radial gradient from #06A5FF to #F95A00.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors