#A5C2F9 Color Information


In the RGB color space, #A5C2F9 is composed of 64.7059% red, 76.0784% green, and 97.6471% blue.

In the CMYK color space, #A5C2F9 is composed of 33.73% cyan, 22.09% magenta, 0% yellow, and 2.35% black,

It has a hue angle of 219.3 degrees, a saturation of 87.51%, and a lightness of 81.18%.

The closest websafe color is #99CCFF.

#A5C2F9 RGB Values

#A5C2F9 CMYK Values



#A5C2F9 Color Conversion


The hexadecimal color #A5C2F9 has RGB values of R:165, G:194, B:249 and CMYK values of C:33.73, M:22.09, Y:0, K:2.35. It has a decimal value of 10863353.


Hexadecimal #A5C2F9 #A5C2F9
RGB Decimal 165, 194, 249 rgb(165, 194, 249)
RGB Percent 64.7059, 76.0784, 97.6471 rgb(64.7059%, 76.0784%, 97.6471%)
RGB Proportion 0.6471, 0.7608, 0.9765 rgb(0.6471, 0.7608, 0.9765)
CMYK 33.73, 22.09, 0, 2.35
HSL 219.3ยบ, 87.51, 81.18 hsl(219.3, 87.51%, 81.18%)
Websafe 99CCFF #99CCFF
XYZ 51.912, 53.426, 97.205
Yxy 53.426, 0.256, 0.264
CIE-LAB 78.126, 2.993, -30.292
CIE-LCH 78.126, 30.44, 275.643
CIE-LUV 78.126, -16.732, -49.12
Hunter-Lab 73.093, -1.139, -27.683

Color Schemes For #A5C2F9


Colors that go well with #A5C2F9.

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

Alternatives to #A5C2F9


Colors similar to #A5C2F9.


#A5C2F9 Preview


Common HTML and CSS shortcodes for #A5C2F9.

Text with color #A5C2F9


The quick brown fox jumps over the lazy dog.

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

#A5C2F9 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #A5C2F9


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #A5C2F9


Linear gradient from #A5C2F9 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #A5C2F9


Radial gradient from #A5C2F9 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #A5C2F9 and its Complementary Color


Linear gradient from #A5C2F9 to #5A3D06.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #A5C2F9 and its Complementary Color


Radial gradient from #A5C2F9 to #5A3D06.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors