#a5d6f5 hex color

In a RGB color space, hex #a5d6f5 is composed of 64.7% red, 83.9% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 32.7% cyan, 12.7% magenta, 0% yellow and 3.9% black. It has a hue angle of 203.3 degrees, a saturation of 80% and a lightness of 80.4%. #a5d6f5 color hex could be obtained by blending #ffffff with #4badeb. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 65
- G 84
- B 96
RGB color chart
- C 33
- M 13
- Y 0
- K 4
CMYK color chart

● #a5d6f5 color description : Very soft blue.

The hexadecimal color #a5d6f5 has RGB values of R:165, G:214, B:245 and CMYK values of C:0.33, M:0.13, Y:0, K:0.04. Its decimal value is 10868469.

Hex triplet	a5d6f5	`#a5d6f5`
RGB Decimal	165, 214, 245	`rgb(165,214,245)`
RGB Percent	64.7, 83.9, 96.1	`rgb(64.7%,83.9%,96.1%)`
CMYK	33, 13, 0, 4
HSL	203.3°, 80, 80.4	`hsl(203.3,80%,80.4%)`
HSV (or HSB)	203.3°, 32.7, 96.1
Web Safe	99ccff	`#99ccff`

CIE-LAB	83.275, -8.641, -20.299
XYZ	56.041, 62.683, 95.527
xyY	0.262, 0.293, 62.683
CIE-LCH	83.275, 22.062, 246.94
CIE-LUV	83.275, -25.01, -30.942
Hunter-Lab	79.173, -12.203, -16.117
Binary	10100101, 11010110, 11110101

#a5d6f5
```
#a5d6f5 rgb(165,214,245)
```
#f5c4a5
```
#f5c4a5 rgb(245,196,165)
```

Complementary Color

#a5f5ec
```
#a5f5ec rgb(165,245,236)
```
#a5d6f5
```
#a5d6f5 rgb(165,214,245)
```
#a5aef5
```
#a5aef5 rgb(165,174,245)
```

Analogous Color

#f5eca5
```
#f5eca5 rgb(245,236,165)
```
#a5d6f5
```
#a5d6f5 rgb(165,214,245)
```
#f5a5ae
```
#f5a5ae rgb(245,165,174)
```

Split Complementary Color

#d6f5a5
```
#d6f5a5 rgb(214,245,165)
```
#a5d6f5
```
#a5d6f5 rgb(165,214,245)
```
#f5a5d6
```
#f5a5d6 rgb(245,165,214)
```

Triadic Color

#a5f5c4
```
#a5f5c4 rgb(165,245,196)
```
#a5d6f5
```
#a5d6f5 rgb(165,214,245)
```
#f5a5d6
```
#f5a5d6 rgb(245,165,214)
```
#f5c4a5
```
#f5c4a5 rgb(245,196,165)
```

Tetradic Color

#60b7ed
```
#60b7ed rgb(96,183,237)
```
#77c1f0
```
#77c1f0 rgb(119,193,240)
```
#8eccf2
```
#8eccf2 rgb(142,204,242)
```
#a5d6f5
```
#a5d6f5 rgb(165,214,245)
```
#bce0f8
```
#bce0f8 rgb(188,224,248)
```
#d3ebfa
```
#d3ebfa rgb(211,235,250)
```
#eaf5fd
```
#eaf5fd rgb(234,245,253)
```

Monochromatic Color

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

#a5eaf5
```
#a5eaf5 rgb(165,234,245)
```
#a5e3f5
```
#a5e3f5 rgb(165,227,245)
```
#a5ddf5
```
#a5ddf5 rgb(165,221,245)
```
#a5d6f5
```
#a5d6f5 rgb(165,214,245)
```
#a5cff5
```
#a5cff5 rgb(165,207,245)
```
#a5c9f5
```
#a5c9f5 rgb(165,201,245)
```
#a5c2f5
```
#a5c2f5 rgb(165,194,245)
```

Similar Colors

Text with hexadecimal color #a5d6f5

This text has a font color of #a5d6f5.

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

#a5d6f5 background color

This paragraph has a background color of #a5d6f5.

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

#a5d6f5 border color

This element has a border color of #a5d6f5.

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

CSS codes

.text {color:#a5d6f5;}

.background {background-color:#a5d6f5;}

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

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

#020a10
```
#020a10 rgb(2,10,16)
```
#041622
```
#041622 rgb(4,22,34)
```
#062233
```
#062233 rgb(6,34,51)
```
#082d45
```
#082d45 rgb(8,45,69)
```
#0a3957
```
#0a3957 rgb(10,57,87)
```
#0c4468
```
#0c4468 rgb(12,68,104)
```
#0e507a
```
#0e507a rgb(14,80,122)
```
#105b8c
```
#105b8c rgb(16,91,140)
```
#11679d
```
#11679d rgb(17,103,157)
```
#1373af
```
#1373af rgb(19,115,175)
```
#157ec0
```
#157ec0 rgb(21,126,192)
```
#178ad2
```
#178ad2 rgb(23,138,210)
```
#1995e4
```
#1995e4 rgb(25,149,228)
```

Shade Color Variation

#299ee7
```
#299ee7 rgb(41,158,231)
```
#3ba6e9
```
#3ba6e9 rgb(59,166,233)
```
#4daeeb
```
#4daeeb rgb(77,174,235)
```
#5eb6ed
```
#5eb6ed rgb(94,182,237)
```
#70beef
```
#70beef rgb(112,190,239)
```
#82c6f1
```
#82c6f1 rgb(130,198,241)
```
#93cef3
```
#93cef3 rgb(147,206,243)
```
#a5d6f5
```
#a5d6f5 rgb(165,214,245)
```
#b7def7
```
#b7def7 rgb(183,222,247)
```
#c8e6f9
```
#c8e6f9 rgb(200,230,249)
```
#daeefb
```
#daeefb rgb(218,238,251)
```
#ecf6fd
```
#ecf6fd rgb(236,246,253)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#cbcdcf
```
#cbcdcf rgb(203,205,207)
```
#c8ced2
```
#c8ced2 rgb(200,206,210)
```
#c4cfd6
```
#c4cfd6 rgb(196,207,214)
```
#c0d0da
```
#c0d0da rgb(192,208,218)
```
#bcd1de
```
#bcd1de rgb(188,209,222)
```
#b8d2e2
```
#b8d2e2 rgb(184,210,226)
```
#b4d3e6
```
#b4d3e6 rgb(180,211,230)
```
#b1d3e9
```
#b1d3e9 rgb(177,211,233)
```
#add4ed
```
#add4ed rgb(173,212,237)
```
#a9d5f1
```
#a9d5f1 rgb(169,213,241)
```
#a5d6f5
```
#a5d6f5 rgb(165,214,245)
```
#a1d7f9
```
#a1d7f9 rgb(161,215,249)
```
#9dd8fd
```
#9dd8fd rgb(157,216,253)
```

Tone Color Variation

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

#cbcbcb Achromatopsia 0.005% of the population
#c3cdd3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbd0f0 Protanopia 1% of men
#d0cdf9 Deuteranopia 1% of men
#a6dae9 Tritanopia 0.001% of the population

Trichromacy

#bdd2f2 Protanomaly 1% of men, 0.01% of women
#c0d0f7 Deuteranomaly 6% of men, 0.4% of women
#a5d8ed Tritanomaly 0.01% of the population

#a5d6f5 hex color

#a5d6f5 Color Information

#a5d6f5 Color Conversion

Color Schemes with #a5d6f5

Alternatives to #a5d6f5

#a5d6f5 Preview

Shades and Tints of #a5d6f5

Tones of #a5d6f5

Color Blindness Simulator