#a5afff hex color

In a RGB color space, hex #a5afff is composed of 64.7% red, 68.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 35.3% cyan, 31.4% magenta, 0% yellow and 0% black. It has a hue angle of 233.3 degrees, a saturation of 100% and a lightness of 82.4%. #a5afff color hex could be obtained by blending #ffffff with #4b5fff. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 65
- G 69
- B 100
RGB color chart
- C 35
- M 31
- Y 0
- K 0
CMYK color chart

● #a5afff color description : Pale blue.

The hexadecimal color #a5afff has RGB values of R:165, G:175, B:255 and CMYK values of C:0.35, M:0.31, Y:0, K:0. Its decimal value is 10858495.

Hex triplet	a5afff	`#a5afff`
RGB Decimal	165, 175, 255	`rgb(165,175,255)`
RGB Percent	64.7, 68.6, 100	`rgb(64.7%,68.6%,100%)`
CMYK	35, 31, 0, 0
HSL	233.3°, 100, 82.4	`hsl(233.3,100%,82.4%)`
HSV (or HSB)	233.3°, 35.3, 100
Web Safe	9999ff	`#9999ff`

CIE-LAB	73.466, 14.996, -40.723
XYZ	48.893, 45.878, 100.881
xyY	0.25, 0.234, 45.878
CIE-LCH	73.466, 43.397, 290.216
CIE-LUV	73.466, -9.298, -68.004
Hunter-Lab	67.733, 10.317, -40.893
Binary	10100101, 10101111, 11111111

#a5afff
```
#a5afff rgb(165,175,255)
```
#fff5a5
```
#fff5a5 rgb(255,245,165)
```

Complementary Color

#a5dcff
```
#a5dcff rgb(165,220,255)
```
#a5afff
```
#a5afff rgb(165,175,255)
```
#c8a5ff
```
#c8a5ff rgb(200,165,255)
```

Analogous Color

#dcffa5
```
#dcffa5 rgb(220,255,165)
```
#a5afff
```
#a5afff rgb(165,175,255)
```
#ffc8a5
```
#ffc8a5 rgb(255,200,165)
```

Split Complementary Color

#afffa5
```
#afffa5 rgb(175,255,165)
```
#a5afff
```
#a5afff rgb(165,175,255)
```
#ffa5af
```
#ffa5af rgb(255,165,175)
```

Triadic Color

#a5fff5
```
#a5fff5 rgb(165,255,245)
```
#a5afff
```
#a5afff rgb(165,175,255)
```
#ffa5af
```
#ffa5af rgb(255,165,175)
```
#fff5a5
```
#fff5a5 rgb(255,245,165)
```

Tetradic Color

#596bff
```
#596bff rgb(89,107,255)
```
#7282ff
```
#7282ff rgb(114,130,255)
```
#8c98ff
```
#8c98ff rgb(140,152,255)
```
#a5afff
```
#a5afff rgb(165,175,255)
```
#bfc6ff
```
#bfc6ff rgb(191,198,255)
```
#d8dcff
```
#d8dcff rgb(216,220,255)
```
#f2f3ff
```
#f2f3ff rgb(242,243,255)
```

Monochromatic Color

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

#a5c6ff
```
#a5c6ff rgb(165,198,255)
```
#a5beff
```
#a5beff rgb(165,190,255)
```
#a5b7ff
```
#a5b7ff rgb(165,183,255)
```
#a5afff
```
#a5afff rgb(165,175,255)
```
#a5a8ff
```
#a5a8ff rgb(165,168,255)
```
#aaa5ff
```
#aaa5ff rgb(170,165,255)
```
#b2a5ff
```
#b2a5ff rgb(178,165,255)
```

Similar Colors

Text with hexadecimal color #a5afff

This text has a font color of #a5afff.

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

#a5afff background color

This paragraph has a background color of #a5afff.

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

#a5afff border color

This element has a border color of #a5afff.

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

CSS codes

.text {color:#a5afff;}

.background {background-color:#a5afff;}

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

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

#000108
```
#000108 rgb(0,1,8)
```
#00031c
```
#00031c rgb(0,3,28)
```
#00052f
```
#00052f rgb(0,5,47)
```
#000743
```
#000743 rgb(0,7,67)
```
#000a57
```
#000a57 rgb(0,10,87)
```
#000c6a
```
#000c6a rgb(0,12,106)
```
#000e7e
```
#000e7e rgb(0,14,126)
```
#001091
```
#001091 rgb(0,16,145)
```
#0012a5
```
#0012a5 rgb(0,18,165)
```
#0015b9
```
#0015b9 rgb(0,21,185)
```
#0017cc
```
#0017cc rgb(0,23,204)
```
#0019e0
```
#0019e0 rgb(0,25,224)
```
#001bf3
```
#001bf3 rgb(0,27,243)
```

Shade Color Variation

#0824ff
```
#0824ff rgb(8,36,255)
```
#1c35ff
```
#1c35ff rgb(28,53,255)
```
#2f46ff
```
#2f46ff rgb(47,70,255)
```
#4358ff
```
#4358ff rgb(67,88,255)
```
#5769ff
```
#5769ff rgb(87,105,255)
```
#6a7bff
```
#6a7bff rgb(106,123,255)
```
#7e8cff
```
#7e8cff rgb(126,140,255)
```
#919eff
```
#919eff rgb(145,158,255)
```
#a5afff
```
#a5afff rgb(165,175,255)
```
#b9c0ff
```
#b9c0ff rgb(185,192,255)
```
#ccd2ff
```
#ccd2ff rgb(204,210,255)
```
#e0e3ff
```
#e0e3ff rgb(224,227,255)
```
#f3f5ff
```
#f3f5ff rgb(243,245,255)
```

Tint Color Variation

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

#cfcfd5
```
#cfcfd5 rgb(207,207,213)
```
#cbcdd9
```
#cbcdd9 rgb(203,205,217)
```
#c8cadc
```
#c8cadc rgb(200,202,220)
```
#c4c7e0
```
#c4c7e0 rgb(196,199,224)
```
#c1c5e3
```
#c1c5e3 rgb(193,197,227)
```
#bdc2e7
```
#bdc2e7 rgb(189,194,231)
```
#babfea
```
#babfea rgb(186,191,234)
```
#b6bcee
```
#b6bcee rgb(182,188,238)
```
#b3baf1
```
#b3baf1 rgb(179,186,241)
```
#afb7f5
```
#afb7f5 rgb(175,183,245)
```
#acb4f8
```
#acb4f8 rgb(172,180,248)
```
#a8b2fc
```
#a8b2fc rgb(168,178,252)
```
#a5afff
```
#a5afff rgb(165,175,255)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#b2b4c4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9fb5ff Protanopia 1% of men
#9cb6fd Deuteranopia 1% of men
#9bbdcb Tritanopia 0.001% of the population

Trichromacy

#a1b3ff Protanomaly 1% of men, 0.01% of women
#9fb3fe Deuteranomaly 6% of men, 0.4% of women
#9eb8de Tritanomaly 0.01% of the population

#a5afff hex color

#a5afff Color Information

#a5afff Color Conversion

Color Schemes with #a5afff

Alternatives to #a5afff

#a5afff Preview

Shades and Tints of #a5afff

Tones of #a5afff

Color Blindness Simulator