#a5c2f4 hex color

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

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

● #a5c2f4 color description : Very soft blue.

The hexadecimal color #a5c2f4 has RGB values of R:165, G:194, B:244 and CMYK values of C:0.32, M:0.2, Y:0, K:0.04. Its decimal value is 10863348.

Hex triplet	a5c2f4	`#a5c2f4`
RGB Decimal	165, 194, 244	`rgb(165,194,244)`
RGB Percent	64.7, 76.1, 95.7	`rgb(64.7%,76.1%,95.7%)`
CMYK	32, 20, 0, 4
HSL	218°, 78.2, 80.2	`hsl(218,78.2%,80.2%)`
HSV (or HSB)	218°, 32.4, 95.7
Web Safe	99ccff	`#99ccff`

CIE-LAB	77.942, 1.736, -27.887
XYZ	51.134, 53.113, 93.141
xyY	0.259, 0.269, 53.113
CIE-LCH	77.942, 27.941, 273.562
CIE-LUV	77.942, -16.609, -44.867
Hunter-Lab	72.879, -2.295, -24.759
Binary	10100101, 11000010, 11110100

#a5c2f4
```
#a5c2f4 rgb(165,194,244)
```
#f4d7a5
```
#f4d7a5 rgb(244,215,165)
```

Complementary Color

#a5eaf4
```
#a5eaf4 rgb(165,234,244)
```
#a5c2f4
```
#a5c2f4 rgb(165,194,244)
```
#b0a5f4
```
#b0a5f4 rgb(176,165,244)
```

Analogous Color

#eaf4a5
```
#eaf4a5 rgb(234,244,165)
```
#a5c2f4
```
#a5c2f4 rgb(165,194,244)
```
#f4b0a5
```
#f4b0a5 rgb(244,176,165)
```

Split Complementary Color

#c2f4a5
```
#c2f4a5 rgb(194,244,165)
```
#a5c2f4
```
#a5c2f4 rgb(165,194,244)
```
#f4a5c2
```
#f4a5c2 rgb(244,165,194)
```

Triadic Color

#a5f4d7
```
#a5f4d7 rgb(165,244,215)
```
#a5c2f4
```
#a5c2f4 rgb(165,194,244)
```
#f4a5c2
```
#f4a5c2 rgb(244,165,194)
```
#f4d7a5
```
#f4d7a5 rgb(244,215,165)
```

Tetradic Color

#6194ec
```
#6194ec rgb(97,148,236)
```
#78a3ee
```
#78a3ee rgb(120,163,238)
```
#8eb3f1
```
#8eb3f1 rgb(142,179,241)
```
#a5c2f4
```
#a5c2f4 rgb(165,194,244)
```
#bcd1f7
```
#bcd1f7 rgb(188,209,247)
```
#d2e1fa
```
#d2e1fa rgb(210,225,250)
```
#e9f0fc
```
#e9f0fc rgb(233,240,252)
```

Monochromatic Color

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

#a5d6f4
```
#a5d6f4 rgb(165,214,244)
```
#a5cff4
```
#a5cff4 rgb(165,207,244)
```
#a5c9f4
```
#a5c9f4 rgb(165,201,244)
```
#a5c2f4
```
#a5c2f4 rgb(165,194,244)
```
#a5bbf4
```
#a5bbf4 rgb(165,187,244)
```
#a5b5f4
```
#a5b5f4 rgb(165,181,244)
```
#a5aef4
```
#a5aef4 rgb(165,174,244)
```

Similar Colors

Text with hexadecimal color #a5c2f4

This text has a font color of #a5c2f4.

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

#a5c2f4 background color

This paragraph has a background color of #a5c2f4.

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

#a5c2f4 border color

This element has a border color of #a5c2f4.

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

CSS codes

.text {color:#a5c2f4;}

.background {background-color:#a5c2f4;}

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

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, #02070f is the darkest color, while #fcfdff is the lightest one.

#02070f
```
#02070f rgb(2,7,15)
```
#040e20
```
#040e20 rgb(4,14,32)
```
#061632
```
#061632 rgb(6,22,50)
```
#081e43
```
#081e43 rgb(8,30,67)
```
#0a2655
```
#0a2655 rgb(10,38,85)
```
#0c2d66
```
#0c2d66 rgb(12,45,102)
```
#0f3578
```
#0f3578 rgb(15,53,120)
```
#113d89
```
#113d89 rgb(17,61,137)
```
#13459b
```
#13459b rgb(19,69,155)
```
#154dac
```
#154dac rgb(21,77,172)
```
#1754be
```
#1754be rgb(23,84,190)
```
#195ccf
```
#195ccf rgb(25,92,207)
```
#1b64e1
```
#1b64e1 rgb(27,100,225)
```

Shade Color Variation

#2b6fe5
```
#2b6fe5 rgb(43,111,229)
```
#3c7be7
```
#3c7be7 rgb(60,123,231)
```
#4e87e9
```
#4e87e9 rgb(78,135,233)
```
#5f93eb
```
#5f93eb rgb(95,147,235)
```
#719eee
```
#719eee rgb(113,158,238)
```
#82aaf0
```
#82aaf0 rgb(130,170,240)
```
#94b6f2
```
#94b6f2 rgb(148,182,242)
```
#a5c2f4
```
#a5c2f4 rgb(165,194,244)
```
#b6cef6
```
#b6cef6 rgb(182,206,246)
```
#c8daf8
```
#c8daf8 rgb(200,218,248)
```
#d9e6fa
```
#d9e6fa rgb(217,230,250)
```
#ebf1fd
```
#ebf1fd rgb(235,241,253)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#cccccd
```
#cccccd rgb(204,204,205)
```
#c8cbd1
```
#c8cbd1 rgb(200,203,209)
```
#c4cad5
```
#c4cad5 rgb(196,202,213)
```
#c0c9d9
```
#c0c9d9 rgb(192,201,217)
```
#bcc8dd
```
#bcc8dd rgb(188,200,221)
```
#b8c7e1
```
#b8c7e1 rgb(184,199,225)
```
#b5c6e4
```
#b5c6e4 rgb(181,198,228)
```
#b1c5e8
```
#b1c5e8 rgb(177,197,232)
```
#adc4ec
```
#adc4ec rgb(173,196,236)
```
#a9c3f0
```
#a9c3f0 rgb(169,195,240)
```
#a5c2f4
```
#a5c2f4 rgb(165,194,244)
```
#a1c1f8
```
#a1c1f8 rgb(161,193,248)
```
#9dc0fc
```
#9dc0fc rgb(157,192,252)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#bac0ca Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7c2f2 Protanopia 1% of men
#b9c0f6 Deuteranopia 1% of men
#a1cad8 Tritanopia 0.001% of the population

Trichromacy

#b0c2f3 Protanomaly 1% of men, 0.01% of women
#b2c1f5 Deuteranomaly 6% of men, 0.4% of women
#a3c7e2 Tritanomaly 0.01% of the population

#a5c2f4 hex color

#a5c2f4 Color Information

#a5c2f4 Color Conversion

Color Schemes with #a5c2f4

Alternatives to #a5c2f4

#a5c2f4 Preview

Shades and Tints of #a5c2f4

Tones of #a5c2f4

Color Blindness Simulator