#a5c1f0 hex color

In a RGB color space, hex #a5c1f0 is composed of 64.7% red, 75.7% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 31.3% cyan, 19.6% magenta, 0% yellow and 5.9% black. It has a hue angle of 217.6 degrees, a saturation of 71.4% and a lightness of 79.4%. #a5c1f0 color hex could be obtained by blending #ffffff with #4b83e1. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 65
- G 76
- B 94
RGB color chart
- C 31
- M 20
- Y 0
- K 6
CMYK color chart

● #a5c1f0 color description : Very soft blue.

The hexadecimal color #a5c1f0 has RGB values of R:165, G:193, B:240 and CMYK values of C:0.31, M:0.2, Y:0, K:0.06. Its decimal value is 10863088.

Hex triplet	a5c1f0	`#a5c1f0`
RGB Decimal	165, 193, 240	`rgb(165,193,240)`
RGB Percent	64.7, 75.7, 94.1	`rgb(64.7%,75.7%,94.1%)`
CMYK	31, 20, 0, 6
HSL	217.6°, 71.4, 79.4	`hsl(217.6,71.4%,79.4%)`
HSV (or HSB)	217.6°, 31.3, 94.1
Web Safe	99ccff	`#99ccff`

CIE-LAB	77.537, 1.289, -26.359
XYZ	50.312, 52.429, 89.902
xyY	0.261, 0.272, 52.429
CIE-LCH	77.537, 26.39, 272.8
CIE-LUV	77.537, -16.082, -42.207
Hunter-Lab	72.408, -2.685, -22.929
Binary	10100101, 11000001, 11110000

#a5c1f0
```
#a5c1f0 rgb(165,193,240)
```
#f0d4a5
```
#f0d4a5 rgb(240,212,165)
```

Complementary Color

#a5e7f0
```
#a5e7f0 rgb(165,231,240)
```
#a5c1f0
```
#a5c1f0 rgb(165,193,240)
```
#afa5f0
```
#afa5f0 rgb(175,165,240)
```

Analogous Color

#e7f0a5
```
#e7f0a5 rgb(231,240,165)
```
#a5c1f0
```
#a5c1f0 rgb(165,193,240)
```
#f0afa5
```
#f0afa5 rgb(240,175,165)
```

Split Complementary Color

#c1f0a5
```
#c1f0a5 rgb(193,240,165)
```
#a5c1f0
```
#a5c1f0 rgb(165,193,240)
```
#f0a5c1
```
#f0a5c1 rgb(240,165,193)
```

Triadic Color

#a5f0d4
```
#a5f0d4 rgb(165,240,212)
```
#a5c1f0
```
#a5c1f0 rgb(165,193,240)
```
#f0a5c1
```
#f0a5c1 rgb(240,165,193)
```
#f0d4a5
```
#f0d4a5 rgb(240,212,165)
```

Tetradic Color

#6394e5
```
#6394e5 rgb(99,148,229)
```
#79a3e9
```
#79a3e9 rgb(121,163,233)
```
#8fb2ec
```
#8fb2ec rgb(143,178,236)
```
#a5c1f0
```
#a5c1f0 rgb(165,193,240)
```
#bbd0f4
```
#bbd0f4 rgb(187,208,244)
```
#d1dff7
```
#d1dff7 rgb(209,223,247)
```
#e7eefb
```
#e7eefb rgb(231,238,251)
```

Monochromatic Color

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

#a5d4f0
```
#a5d4f0 rgb(165,212,240)
```
#a5cef0
```
#a5cef0 rgb(165,206,240)
```
#a5c7f0
```
#a5c7f0 rgb(165,199,240)
```
#a5c1f0
```
#a5c1f0 rgb(165,193,240)
```
#a5bbf0
```
#a5bbf0 rgb(165,187,240)
```
#a5b5f0
```
#a5b5f0 rgb(165,181,240)
```
#a5aef0
```
#a5aef0 rgb(165,174,240)
```

Similar Colors

Text with hexadecimal color #a5c1f0

This text has a font color of #a5c1f0.

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

#a5c1f0 background color

This paragraph has a background color of #a5c1f0.

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

#a5c1f0 border color

This element has a border color of #a5c1f0.

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

CSS codes

.text {color:#a5c1f0;}

.background {background-color:#a5c1f0;}

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

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, #02050b is the darkest color, while #f9fbfe is the lightest one.

#02050b
```
#02050b rgb(2,5,11)
```
#050d1c
```
#050d1c rgb(5,13,28)
```
#07152d
```
#07152d rgb(7,21,45)
```
#0a1d3d
```
#0a1d3d rgb(10,29,61)
```
#0d254e
```
#0d254e rgb(13,37,78)
```
#102d5f
```
#102d5f rgb(16,45,95)
```
#133570
```
#133570 rgb(19,53,112)
```
#153d81
```
#153d81 rgb(21,61,129)
```
#184591
```
#184591 rgb(24,69,145)
```
#1b4da2
```
#1b4da2 rgb(27,77,162)
```
#1e56b3
```
#1e56b3 rgb(30,86,179)
```
#215ec4
```
#215ec4 rgb(33,94,196)
```
#2366d5
```
#2366d5 rgb(35,102,213)
```

Shade Color Variation

#2f70dc
```
#2f70dc rgb(47,112,220)
```
#407cdf
```
#407cdf rgb(64,124,223)
```
#5187e2
```
#5187e2 rgb(81,135,226)
```
#6293e5
```
#6293e5 rgb(98,147,229)
```
#739ee8
```
#739ee8 rgb(115,158,232)
```
#83aaea
```
#83aaea rgb(131,170,234)
```
#94b5ed
```
#94b5ed rgb(148,181,237)
```
#a5c1f0
```
#a5c1f0 rgb(165,193,240)
```
#b6cdf3
```
#b6cdf3 rgb(182,205,243)
```
#c7d8f6
```
#c7d8f6 rgb(199,216,246)
```
#d7e4f8
```
#d7e4f8 rgb(215,228,248)
```
#e8effb
```
#e8effb rgb(232,239,251)
```
#f9fbfe
```
#f9fbfe rgb(249,251,254)
```

Tint Color Variation

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

#c9cacc
```
#c9cacc rgb(201,202,204)
```
#c5c9d0
```
#c5c9d0 rgb(197,201,208)
```
#c1c8d4
```
#c1c8d4 rgb(193,200,212)
```
#bdc7d8
```
#bdc7d8 rgb(189,199,216)
```
#b9c6dc
```
#b9c6dc rgb(185,198,220)
```
#b5c5e0
```
#b5c5e0 rgb(181,197,224)
```
#b1c4e4
```
#b1c4e4 rgb(177,196,228)
```
#adc3e8
```
#adc3e8 rgb(173,195,232)
```
#a9c2ec
```
#a9c2ec rgb(169,194,236)
```
#a5c1f0
```
#a5c1f0 rgb(165,193,240)
```
#a1c0f4
```
#a1c0f4 rgb(161,192,244)
```
#9dbff8
```
#9dbff8 rgb(157,191,248)
```
#99befc
```
#99befc rgb(153,190,252)
```

Tone Color Variation

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

#bebebe Achromatopsia 0.005% of the population
#b9bfc8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7c1ee Protanopia 1% of men
#babff2 Deuteranopia 1% of men
#a2c8d7 Tritanopia 0.001% of the population

Trichromacy

#b0c1ef Protanomaly 1% of men, 0.01% of women
#b2c0f1 Deuteranomaly 6% of men, 0.4% of women
#a3c6e0 Tritanomaly 0.01% of the population

#a5c1f0 hex color

#a5c1f0 Color Information

#a5c1f0 Color Conversion

Color Schemes with #a5c1f0

Alternatives to #a5c1f0

#a5c1f0 Preview

Shades and Tints of #a5c1f0

Tones of #a5c1f0

Color Blindness Simulator