#a5e1f9 hex color

In a RGB color space, hex #a5e1f9 is composed of 64.7% red, 88.2% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 33.7% cyan, 9.6% magenta, 0% yellow and 2.4% black. It has a hue angle of 197.1 degrees, a saturation of 87.5% and a lightness of 81.2%. #a5e1f9 color hex could be obtained by blending #ffffff with #4bc3f3. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 65
- G 88
- B 98
RGB color chart
- C 34
- M 10
- Y 0
- K 2
CMYK color chart

● #a5e1f9 color description : Very soft blue.

The hexadecimal color #a5e1f9 has RGB values of R:165, G:225, B:249 and CMYK values of C:0.34, M:0.1, Y:0, K:0.02. Its decimal value is 10871289.

Hex triplet	a5e1f9	`#a5e1f9`
RGB Decimal	165, 225, 249	`rgb(165,225,249)`
RGB Percent	64.7, 88.2, 97.6	`rgb(64.7%,88.2%,97.6%)`
CMYK	34, 10, 0, 2
HSL	197.1°, 87.5, 81.2	`hsl(197.1,87.5%,81.2%)`
HSV (or HSB)	197.1°, 33.7, 97.6
Web Safe	99ccff	`#99ccff`

CIE-LAB	86.349, -13.346, -17.773
XYZ	59.537, 68.687, 99.738
xyY	0.261, 0.301, 68.687
CIE-LCH	86.349, 22.226, 233.096
CIE-LUV	86.349, -29.628, -26.153
Hunter-Lab	82.878, -16.806, -13.338
Binary	10100101, 11100001, 11111001

#a5e1f9
```
#a5e1f9 rgb(165,225,249)
```
#f9bda5
```
#f9bda5 rgb(249,189,165)
```

Complementary Color

#a5f9e7
```
#a5f9e7 rgb(165,249,231)
```
#a5e1f9
```
#a5e1f9 rgb(165,225,249)
```
#a5b7f9
```
#a5b7f9 rgb(165,183,249)
```

Analogous Color

#f9e7a5
```
#f9e7a5 rgb(249,231,165)
```
#a5e1f9
```
#a5e1f9 rgb(165,225,249)
```
#f9a5b7
```
#f9a5b7 rgb(249,165,183)
```

Split Complementary Color

#e1f9a5
```
#e1f9a5 rgb(225,249,165)
```
#a5e1f9
```
#a5e1f9 rgb(165,225,249)
```
#f9a5e1
```
#f9a5e1 rgb(249,165,225)
```

Triadic Color

#a5f9bd
```
#a5f9bd rgb(165,249,189)
```
#a5e1f9
```
#a5e1f9 rgb(165,225,249)
```
#f9a5e1
```
#f9a5e1 rgb(249,165,225)
```
#f9bda5
```
#f9bda5 rgb(249,189,165)
```

Tetradic Color

#5dc9f4
```
#5dc9f4 rgb(93,201,244)
```
#75d1f6
```
#75d1f6 rgb(117,209,246)
```
#8dd9f7
```
#8dd9f7 rgb(141,217,247)
```
#a5e1f9
```
#a5e1f9 rgb(165,225,249)
```
#bde9fb
```
#bde9fb rgb(189,233,251)
```
#d5f1fc
```
#d5f1fc rgb(213,241,252)
```
#edf9fe
```
#edf9fe rgb(237,249,254)
```

Monochromatic Color

Below, you can see some colors close to #a5e1f9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#a5f6f9
```
#a5f6f9 rgb(165,246,249)
```
#a5eff9
```
#a5eff9 rgb(165,239,249)
```
#a5e8f9
```
#a5e8f9 rgb(165,232,249)
```
#a5e1f9
```
#a5e1f9 rgb(165,225,249)
```
#a5daf9
```
#a5daf9 rgb(165,218,249)
```
#a5d3f9
```
#a5d3f9 rgb(165,211,249)
```
#a5ccf9
```
#a5ccf9 rgb(165,204,249)
```

Similar Colors

Text with hexadecimal color #a5e1f9

This text has a font color of #a5e1f9.

<span style="color:#a5e1f9;">Text here</span>

#a5e1f9 background color

This paragraph has a background color of #a5e1f9.

<p style="background-color:#a5e1f9;">Content here</p>

#a5e1f9 border color

This element has a border color of #a5e1f9.

<div style="border:1px solid #a5e1f9;">Content here</div>

CSS codes

.text {color:#a5e1f9;}

.background {background-color:#a5e1f9;}

.border {border:1px solid #a5e1f9;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #000102 is the darkest color, while #effafe is the lightest one.

#000102
```
#000102 rgb(0,1,2)
```
#010f14
```
#010f14 rgb(1,15,20)
```
#031c27
```
#031c27 rgb(3,28,39)
```
#042a39
```
#042a39 rgb(4,42,57)
```
#05374c
```
#05374c rgb(5,55,76)
```
#06455e
```
#06455e rgb(6,69,94)
```
#075270
```
#075270 rgb(7,82,112)
```
#096083
```
#096083 rgb(9,96,131)
```
#0a6d95
```
#0a6d95 rgb(10,109,149)
```
#0b7ba7
```
#0b7ba7 rgb(11,123,167)
```
#0c88ba
```
#0c88ba rgb(12,136,186)
```
#0e96cc
```
#0e96cc rgb(14,150,204)
```
#0fa3df
```
#0fa3df rgb(15,163,223)
```

Shade Color Variation

#12b0ef
```
#12b0ef rgb(18,176,239)
```
#24b6f0
```
#24b6f0 rgb(36,182,240)
```
#37bcf2
```
#37bcf2 rgb(55,188,242)
```
#49c2f3
```
#49c2f3 rgb(73,194,243)
```
#5bc8f4
```
#5bc8f4 rgb(91,200,244)
```
#6ecff5
```
#6ecff5 rgb(110,207,245)
```
#80d5f7
```
#80d5f7 rgb(128,213,247)
```
#93dbf8
```
#93dbf8 rgb(147,219,248)
```
#a5e1f9
```
#a5e1f9 rgb(165,225,249)
```
#b7e7fa
```
#b7e7fa rgb(183,231,250)
```
#caedfb
```
#caedfb rgb(202,237,251)
```
#dcf3fd
```
#dcf3fd rgb(220,243,253)
```
#effafe
```
#effafe rgb(239,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #ced0d0 is the less saturated color, while #a1e3fd is the most saturated one.

#ced0d0
```
#ced0d0 rgb(206,208,208)
```
#cad1d4
```
#cad1d4 rgb(202,209,212)
```
#c6d3d8
```
#c6d3d8 rgb(198,211,216)
```
#c3d4db
```
#c3d4db rgb(195,212,219)
```
#bfd6df
```
#bfd6df rgb(191,214,223)
```
#bbd8e3
```
#bbd8e3 rgb(187,216,227)
```
#b7d9e7
```
#b7d9e7 rgb(183,217,231)
```
#b4dbea
```
#b4dbea rgb(180,219,234)
```
#b0dcee
```
#b0dcee rgb(176,220,238)
```
#acdef2
```
#acdef2 rgb(172,222,242)
```
#a9dff5
```
#a9dff5 rgb(169,223,245)
```
#a5e1f9
```
#a5e1f9 rgb(165,225,249)
```
#a1e3fd
```
#a1e3fd rgb(161,227,253)
```

Tone Color Variation

Below, you can see how #a5e1f9 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#d2d2d2 Achromatopsia 0.005% of the population
#c9d5da Atypical Achromatopsia 0.001% of the population

Dichromacy

#d5d8f3 Protanopia 1% of men
#dbd5fd Deuteranopia 1% of men
#a8e3f3 Tritanopia 0.001% of the population

Trichromacy

#c4dbf5 Protanomaly 1% of men, 0.01% of women
#c7d9fc Deuteranomaly 6% of men, 0.4% of women
#a6e2f5 Tritanomaly 0.01% of the population

#a5e1f9 hex color

#a5e1f9 Color Information

#a5e1f9 Color Conversion

Color Schemes with #a5e1f9

Alternatives to #a5e1f9

#a5e1f9 Preview

Shades and Tints of #a5e1f9

Tones of #a5e1f9

Color Blindness Simulator