#a5e2f4 hex color

In a RGB color space, hex #a5e2f4 is composed of 64.7% red, 88.6% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 32.4% cyan, 7.4% magenta, 0% yellow and 4.3% black. It has a hue angle of 193.7 degrees, a saturation of 78.2% and a lightness of 80.2%. #a5e2f4 color hex could be obtained by blending #ffffff with #4bc5e9. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 65
- G 89
- B 96
RGB color chart
- C 32
- M 7
- Y 0
- K 4
CMYK color chart

● #a5e2f4 color description : Very soft cyan.

The hexadecimal color #a5e2f4 has RGB values of R:165, G:226, B:244 and CMYK values of C:0.32, M:0.07, Y:0, K:0.04. Its decimal value is 10871540.

Hex triplet	a5e2f4	`#a5e2f4`
RGB Decimal	165, 226, 244	`rgb(165,226,244)`
RGB Percent	64.7, 88.6, 95.7	`rgb(64.7%,88.6%,95.7%)`
CMYK	32, 7, 0, 4
HSL	193.7°, 78.2, 80.2	`hsl(193.7,78.2%,80.2%)`
HSV (or HSB)	193.7°, 32.4, 95.7
Web Safe	99ccff	`#99ccff`

CIE-LAB	86.465, -15.045, -14.965
XYZ	59.039, 68.921, 95.775
xyY	0.264, 0.308, 68.921
CIE-LCH	86.465, 21.22, 224.847
CIE-LUV	86.465, -30.053, -21.255
Hunter-Lab	83.019, -18.343, -10.287
Binary	10100101, 11100010, 11110100

#a5e2f4
```
#a5e2f4 rgb(165,226,244)
```
#f4b7a5
```
#f4b7a5 rgb(244,183,165)
```

Complementary Color

#a5f4df
```
#a5f4df rgb(165,244,223)
```
#a5e2f4
```
#a5e2f4 rgb(165,226,244)
```
#a5bbf4
```
#a5bbf4 rgb(165,187,244)
```

Analogous Color

#f4dfa5
```
#f4dfa5 rgb(244,223,165)
```
#a5e2f4
```
#a5e2f4 rgb(165,226,244)
```
#f4a5bb
```
#f4a5bb rgb(244,165,187)
```

Split Complementary Color

#e2f4a5
```
#e2f4a5 rgb(226,244,165)
```
#a5e2f4
```
#a5e2f4 rgb(165,226,244)
```
#f4a5e2
```
#f4a5e2 rgb(244,165,226)
```

Triadic Color

#a5f4b7
```
#a5f4b7 rgb(165,244,183)
```
#a5e2f4
```
#a5e2f4 rgb(165,226,244)
```
#f4a5e2
```
#f4a5e2 rgb(244,165,226)
```
#f4b7a5
```
#f4b7a5 rgb(244,183,165)
```

Tetradic Color

#61ccec
```
#61ccec rgb(97,204,236)
```
#78d3ee
```
#78d3ee rgb(120,211,238)
```
#8edbf1
```
#8edbf1 rgb(142,219,241)
```
#a5e2f4
```
#a5e2f4 rgb(165,226,244)
```
#bce9f7
```
#bce9f7 rgb(188,233,247)
```
#d2f1fa
```
#d2f1fa rgb(210,241,250)
```
#e9f8fc
```
#e9f8fc rgb(233,248,252)
```

Monochromatic Color

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

#a5f4f2
```
#a5f4f2 rgb(165,244,242)
```
#a5eff4
```
#a5eff4 rgb(165,239,244)
```
#a5e9f4
```
#a5e9f4 rgb(165,233,244)
```
#a5e2f4
```
#a5e2f4 rgb(165,226,244)
```
#a5dbf4
```
#a5dbf4 rgb(165,219,244)
```
#a5d5f4
```
#a5d5f4 rgb(165,213,244)
```
#a5cef4
```
#a5cef4 rgb(165,206,244)
```

Similar Colors

Text with hexadecimal color #a5e2f4

This text has a font color of #a5e2f4.

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

#a5e2f4 background color

This paragraph has a background color of #a5e2f4.

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

#a5e2f4 border color

This element has a border color of #a5e2f4.

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

CSS codes

.text {color:#a5e2f4;}

.background {background-color:#a5e2f4;}

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

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, #020c0f is the darkest color, while #fcfeff is the lightest one.

#020c0f
```
#020c0f rgb(2,12,15)
```
#041a20
```
#041a20 rgb(4,26,32)
```
#062832
```
#062832 rgb(6,40,50)
```
#083643
```
#083643 rgb(8,54,67)
```
#0a4455
```
#0a4455 rgb(10,68,85)
```
#0c5266
```
#0c5266 rgb(12,82,102)
```
#0f6078
```
#0f6078 rgb(15,96,120)
```
#116e89
```
#116e89 rgb(17,110,137)
```
#137c9b
```
#137c9b rgb(19,124,155)
```
#158aac
```
#158aac rgb(21,138,172)
```
#1798be
```
#1798be rgb(23,152,190)
```
#19a6cf
```
#19a6cf rgb(25,166,207)
```
#1bb4e1
```
#1bb4e1 rgb(27,180,225)
```

Shade Color Variation

#2bbbe5
```
#2bbbe5 rgb(43,187,229)
```
#3cc0e7
```
#3cc0e7 rgb(60,192,231)
```
#4ec6e9
```
#4ec6e9 rgb(78,198,233)
```
#5fcbeb
```
#5fcbeb rgb(95,203,235)
```
#71d1ee
```
#71d1ee rgb(113,209,238)
```
#82d7f0
```
#82d7f0 rgb(130,215,240)
```
#94dcf2
```
#94dcf2 rgb(148,220,242)
```
#a5e2f4
```
#a5e2f4 rgb(165,226,244)
```
#b6e8f6
```
#b6e8f6 rgb(182,232,246)
```
#c8edf8
```
#c8edf8 rgb(200,237,248)
```
#d9f3fa
```
#d9f3fa rgb(217,243,250)
```
#ebf9fd
```
#ebf9fd rgb(235,249,253)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

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

#cccdcd
```
#cccdcd rgb(204,205,205)
```
#c8cfd1
```
#c8cfd1 rgb(200,207,209)
```
#c4d1d5
```
#c4d1d5 rgb(196,209,213)
```
#c0d3d9
```
#c0d3d9 rgb(192,211,217)
```
#bcd5dd
```
#bcd5dd rgb(188,213,221)
```
#b8d7e1
```
#b8d7e1 rgb(184,215,225)
```
#b5dae4
```
#b5dae4 rgb(181,218,228)
```
#b1dce8
```
#b1dce8 rgb(177,220,232)
```
#addeec
```
#addeec rgb(173,222,236)
```
#a9e0f0
```
#a9e0f0 rgb(169,224,240)
```
#a5e2f4
```
#a5e2f4 rgb(165,226,244)
```
#a1e4f8
```
#a1e4f8 rgb(161,228,248)
```
#9de6fc
```
#9de6fc rgb(157,230,252)
```

Tone Color Variation

Below, you can see how #a5e2f4 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
#c9d5d9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7d8ee Protanopia 1% of men
#ded5f9 Deuteranopia 1% of men
#a9e3f4 Tritanopia 0.001% of the population

Trichromacy

#c5dcf0 Protanomaly 1% of men, 0.01% of women
#c9daf7 Deuteranomaly 6% of men, 0.4% of women
#a7e3f4 Tritanomaly 0.01% of the population

#a5e2f4 hex color

#a5e2f4 Color Information

#a5e2f4 Color Conversion

Color Schemes with #a5e2f4

Alternatives to #a5e2f4

#a5e2f4 Preview

Shades and Tints of #a5e2f4

Tones of #a5e2f4

Color Blindness Simulator