#a5bae5 hex color

In a RGB color space, hex #a5bae5 is composed of 64.7% red, 72.9% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 27.9% cyan, 18.8% magenta, 0% yellow and 10.2% black. It has a hue angle of 220.3 degrees, a saturation of 55.2% and a lightness of 77.3%. #a5bae5 color hex could be obtained by blending #ffffff with #4b75cb. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 65
- G 73
- B 90
RGB color chart
- C 28
- M 19
- Y 0
- K 10
CMYK color chart

● #a5bae5 color description : Very soft blue.

The hexadecimal color #a5bae5 has RGB values of R:165, G:186, B:229 and CMYK values of C:0.28, M:0.19, Y:0, K:0.1. Its decimal value is 10861285.

Hex triplet	a5bae5	`#a5bae5`
RGB Decimal	165, 186, 229	`rgb(165,186,229)`
RGB Percent	64.7, 72.9, 89.8	`rgb(64.7%,72.9%,89.8%)`
CMYK	28, 19, 0, 10
HSL	220.3°, 55.2, 77.3	`hsl(220.3,55.2%,77.3%)`
HSV (or HSB)	220.3°, 27.9, 89.8
Web Safe	99cccc	`#99cccc`

CIE-LAB	75.31, 2.414, -23.826
XYZ	47.216, 48.773, 81.051
xyY	0.267, 0.275, 48.773
CIE-LCH	75.31, 23.948, 275.786
CIE-LUV	75.31, -12.763, -37.999
Hunter-Lab	69.838, -1.536, -19.923
Binary	10100101, 10111010, 11100101

#a5bae5
```
#a5bae5 rgb(165,186,229)
```
#e5d0a5
```
#e5d0a5 rgb(229,208,165)
```

Complementary Color

#a5dae5
```
#a5dae5 rgb(165,218,229)
```
#a5bae5
```
#a5bae5 rgb(165,186,229)
```
#b0a5e5
```
#b0a5e5 rgb(176,165,229)
```

Analogous Color

#dae5a5
```
#dae5a5 rgb(218,229,165)
```
#a5bae5
```
#a5bae5 rgb(165,186,229)
```
#e5b0a5
```
#e5b0a5 rgb(229,176,165)
```

Split Complementary Color

#bae5a5
```
#bae5a5 rgb(186,229,165)
```
#a5bae5
```
#a5bae5 rgb(165,186,229)
```
#e5a5ba
```
#e5a5ba rgb(229,165,186)
```

Triadic Color

#a5e5d0
```
#a5e5d0 rgb(165,229,208)
```
#a5bae5
```
#a5bae5 rgb(165,186,229)
```
#e5a5ba
```
#e5a5ba rgb(229,165,186)
```
#e5d0a5
```
#e5d0a5 rgb(229,208,165)
```

Tetradic Color

#6a8cd4
```
#6a8cd4 rgb(106,140,212)
```
#7d9cda
```
#7d9cda rgb(125,156,218)
```
#91abdf
```
#91abdf rgb(145,171,223)
```
#a5bae5
```
#a5bae5 rgb(165,186,229)
```
#b9c9eb
```
#b9c9eb rgb(185,201,235)
```
#cdd8f0
```
#cdd8f0 rgb(205,216,240)
```
#e0e8f6
```
#e0e8f6 rgb(224,232,246)
```

Monochromatic Color

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

#a5cae5
```
#a5cae5 rgb(165,202,229)
```
#a5c5e5
```
#a5c5e5 rgb(165,197,229)
```
#a5bfe5
```
#a5bfe5 rgb(165,191,229)
```
#a5bae5
```
#a5bae5 rgb(165,186,229)
```
#a5b5e5
```
#a5b5e5 rgb(165,181,229)
```
#a5afe5
```
#a5afe5 rgb(165,175,229)
```
#a5aae5
```
#a5aae5 rgb(165,170,229)
```

Similar Colors

Text with hexadecimal color #a5bae5

This text has a font color of #a5bae5.

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

#a5bae5 background color

This paragraph has a background color of #a5bae5.

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

#a5bae5 border color

This element has a border color of #a5bae5.

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

CSS codes

.text {color:#a5bae5;}

.background {background-color:#a5bae5;}

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

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

#000101
```
#000101 rgb(0,1,1)
```
#050911
```
#050911 rgb(5,9,17)
```
#091120
```
#091120 rgb(9,17,32)
```
#0e192f
```
#0e192f rgb(14,25,47)
```
#12203e
```
#12203e rgb(18,32,62)
```
#16284d
```
#16284d rgb(22,40,77)
```
#1b305d
```
#1b305d rgb(27,48,93)
```
#1f386c
```
#1f386c rgb(31,56,108)
```
#24407b
```
#24407b rgb(36,64,123)
```
#28488a
```
#28488a rgb(40,72,138)
```
#2c509a
```
#2c509a rgb(44,80,154)
```
#3158a9
```
#3158a9 rgb(49,88,169)
```
#3560b8
```
#3560b8 rgb(53,96,184)
```

Shade Color Variation

#3a68c6
```
#3a68c6 rgb(58,104,198)
```
#4a74cb
```
#4a74cb rgb(74,116,203)
```
#5980cf
```
#5980cf rgb(89,128,207)
```
#688bd3
```
#688bd3 rgb(104,139,211)
```
#7797d8
```
#7797d8 rgb(119,151,216)
```
#87a3dc
```
#87a3dc rgb(135,163,220)
```
#96aee1
```
#96aee1 rgb(150,174,225)
```
#a5bae5
```
#a5bae5 rgb(165,186,229)
```
#b4c6e9
```
#b4c6e9 rgb(180,198,233)
```
#c3d1ee
```
#c3d1ee rgb(195,209,238)
```
#d3ddf2
```
#d3ddf2 rgb(211,221,242)
```
#e2e9f7
```
#e2e9f7 rgb(226,233,247)
```
#f1f4fb
```
#f1f4fb rgb(241,244,251)
```

Tint Color Variation

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

#c4c5c6
```
#c4c5c6 rgb(196,197,198)
```
#c0c3ca
```
#c0c3ca rgb(192,195,202)
```
#bbc2cf
```
#bbc2cf rgb(187,194,207)
```
#b7c0d3
```
#b7c0d3 rgb(183,192,211)
```
#b2bfd8
```
#b2bfd8 rgb(178,191,216)
```
#aebddc
```
#aebddc rgb(174,189,220)
```
#a9bce1
```
#a9bce1 rgb(169,188,225)
```
#a5bae5
```
#a5bae5 rgb(165,186,229)
```
#a1b8e9
```
#a1b8e9 rgb(161,184,233)
```
#9cb7ee
```
#9cb7ee rgb(156,183,238)
```
#98b5f2
```
#98b5f2 rgb(152,181,242)
```
#93b4f7
```
#93b4f7 rgb(147,180,247)
```
#8fb2fb
```
#8fb2fb rgb(143,178,251)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#b5b9c2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2bbe4 Protanopia 1% of men
#b7b9e7 Deuteranopia 1% of men
#a3c1cf Tritanopia 0.001% of the population

Trichromacy

#adbae4 Protanomaly 1% of men, 0.01% of women
#b0b9e6 Deuteranomaly 6% of men, 0.4% of women
#a4bed7 Tritanomaly 0.01% of the population

#a5bae5 hex color

#a5bae5 Color Information

#a5bae5 Color Conversion

Color Schemes with #a5bae5

Alternatives to #a5bae5

#a5bae5 Preview

Shades and Tints of #a5bae5

Tones of #a5bae5

Color Blindness Simulator