#a5e2fc hex color

In a RGB color space, hex #a5e2fc is composed of 64.7% red, 88.6% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 34.5% cyan, 10.3% magenta, 0% yellow and 1.2% black. It has a hue angle of 197.9 degrees, a saturation of 93.5% and a lightness of 81.8%. #a5e2fc color hex could be obtained by blending #ffffff with #4bc5f9. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 65
- G 89
- B 99
RGB color chart
- C 35
- M 10
- Y 0
- K 1
CMYK color chart

● #a5e2fc color description : Very soft blue.

The hexadecimal color #a5e2fc has RGB values of R:165, G:226, B:252 and CMYK values of C:0.35, M:0.1, Y:0, K:0.01. Its decimal value is 10871548.

Hex triplet	a5e2fc	`#a5e2fc`
RGB Decimal	165, 226, 252	`rgb(165,226,252)`
RGB Percent	64.7, 88.6, 98.8	`rgb(64.7%,88.6%,98.8%)`
CMYK	35, 10, 0, 1
HSL	197.9°, 93.5, 81.8	`hsl(197.9,93.5%,81.8%)`
HSV (or HSB)	197.9°, 34.5, 98.8
Web Safe	99ccff	`#99ccff`

CIE-LAB	86.711, -13.134, -18.806
XYZ	60.28, 69.418, 102.313
xyY	0.26, 0.299, 69.418
CIE-LCH	86.711, 22.939, 235.071
CIE-LUV	86.711, -30.04, -27.919
Hunter-Lab	83.317, -16.661, -14.485
Binary	10100101, 11100010, 11111100

#a5e2fc
```
#a5e2fc rgb(165,226,252)
```
#fcbfa5
```
#fcbfa5 rgb(252,191,165)
```

Complementary Color

#a5fceb
```
#a5fceb rgb(165,252,235)
```
#a5e2fc
```
#a5e2fc rgb(165,226,252)
```
#a5b7fc
```
#a5b7fc rgb(165,183,252)
```

Analogous Color

#fceba5
```
#fceba5 rgb(252,235,165)
```
#a5e2fc
```
#a5e2fc rgb(165,226,252)
```
#fca5b7
```
#fca5b7 rgb(252,165,183)
```

Split Complementary Color

#e2fca5
```
#e2fca5 rgb(226,252,165)
```
#a5e2fc
```
#a5e2fc rgb(165,226,252)
```
#fca5e2
```
#fca5e2 rgb(252,165,226)
```

Triadic Color

#a5fcbf
```
#a5fcbf rgb(165,252,191)
```
#a5e2fc
```
#a5e2fc rgb(165,226,252)
```
#fca5e2
```
#fca5e2 rgb(252,165,226)
```
#fcbfa5
```
#fcbfa5 rgb(252,191,165)
```

Tetradic Color

#5bcafa
```
#5bcafa rgb(91,202,250)
```
#74d2fa
```
#74d2fa rgb(116,210,250)
```
#8cdafb
```
#8cdafb rgb(140,218,251)
```
#a5e2fc
```
#a5e2fc rgb(165,226,252)
```
#beeafd
```
#beeafd rgb(190,234,253)
```
#d6f2fe
```
#d6f2fe rgb(214,242,254)
```
#effafe
```
#effafe rgb(239,250,254)
```

Monochromatic Color

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

#a5f8fc
```
#a5f8fc rgb(165,248,252)
```
#a5f1fc
```
#a5f1fc rgb(165,241,252)
```
#a5e9fc
```
#a5e9fc rgb(165,233,252)
```
#a5e2fc
```
#a5e2fc rgb(165,226,252)
```
#a5dbfc
```
#a5dbfc rgb(165,219,252)
```
#a5d4fc
```
#a5d4fc rgb(165,212,252)
```
#a5ccfc
```
#a5ccfc rgb(165,204,252)
```

Similar Colors

Text with hexadecimal color #a5e2fc

This text has a font color of #a5e2fc.

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

#a5e2fc background color

This paragraph has a background color of #a5e2fc.

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

#a5e2fc border color

This element has a border color of #a5e2fc.

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

CSS codes

.text {color:#a5e2fc;}

.background {background-color:#a5e2fc;}

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

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, #000305 is the darkest color, while #f1faff is the lightest one.

#000305
```
#000305 rgb(0,3,5)
```
#011118
```
#011118 rgb(1,17,24)
```
#011e2b
```
#011e2b rgb(1,30,43)
```
#022c3e
```
#022c3e rgb(2,44,62)
```
#033951
```
#033951 rgb(3,57,81)
```
#034764
```
#034764 rgb(3,71,100)
```
#045477
```
#045477 rgb(4,84,119)
```
#05628a
```
#05628a rgb(5,98,138)
```
#056f9d
```
#056f9d rgb(5,111,157)
```
#067db0
```
#067db0 rgb(6,125,176)
```
#068ac3
```
#068ac3 rgb(6,138,195)
```
#0798d6
```
#0798d6 rgb(7,152,214)
```
#08a5e9
```
#08a5e9 rgb(8,165,233)
```

Shade Color Variation

#0db1f7
```
#0db1f7 rgb(13,177,247)
```
#20b7f8
```
#20b7f8 rgb(32,183,248)
```
#33bdf8
```
#33bdf8 rgb(51,189,248)
```
#46c3f9
```
#46c3f9 rgb(70,195,249)
```
#59caf9
```
#59caf9 rgb(89,202,249)
```
#6cd0fa
```
#6cd0fa rgb(108,208,250)
```
#7fd6fb
```
#7fd6fb rgb(127,214,251)
```
#92dcfb
```
#92dcfb rgb(146,220,251)
```
#a5e2fc
```
#a5e2fc rgb(165,226,252)
```
#b8e8fd
```
#b8e8fd rgb(184,232,253)
```
#cbeefd
```
#cbeefd rgb(203,238,253)
```
#def4fe
```
#def4fe rgb(222,244,254)
```
#f1faff
```
#f1faff rgb(241,250,255)
```

Tint Color Variation

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

#d0d1d1
```
#d0d1d1 rgb(208,209,209)
```
#ccd2d5
```
#ccd2d5 rgb(204,210,213)
```
#c9d4d8
```
#c9d4d8 rgb(201,212,216)
```
#c5d5dc
```
#c5d5dc rgb(197,213,220)
```
#c2d6df
```
#c2d6df rgb(194,214,223)
```
#bed8e3
```
#bed8e3 rgb(190,216,227)
```
#bad9e7
```
#bad9e7 rgb(186,217,231)
```
#b7dbea
```
#b7dbea rgb(183,219,234)
```
#b3dcee
```
#b3dcee rgb(179,220,238)
```
#b0def1
```
#b0def1 rgb(176,222,241)
```
#acdff5
```
#acdff5 rgb(172,223,245)
```
#a9e1f8
```
#a9e1f8 rgb(169,225,248)
```
#a5e2fc
```
#a5e2fc rgb(165,226,252)
```

Tone Color Variation

Below, you can see how #a5e2fc 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

#d3d3d3 Achromatopsia 0.005% of the population
#cad6db Atypical Achromatopsia 0.001% of the population

Dichromacy

#d6d9f6 Protanopia 1% of men
#dbd6ff Deuteranopia 1% of men
#a7e4f5 Tritanopia 0.001% of the population

Trichromacy

#c4dcf8 Protanomaly 1% of men, 0.01% of women
#c7dafd Deuteranomaly 6% of men, 0.4% of women
#a6e3f7 Tritanomaly 0.01% of the population

#a5e2fc hex color

#a5e2fc Color Information

#a5e2fc Color Conversion

Color Schemes with #a5e2fc

Alternatives to #a5e2fc

#a5e2fc Preview

Shades and Tints of #a5e2fc

Tones of #a5e2fc

Color Blindness Simulator