#a5bce7 hex color

In a RGB color space, hex #a5bce7 is composed of 64.7% red, 73.7% green and 90.6% blue. Whereas in a CMYK color space, it is composed of 28.6% cyan, 18.6% magenta, 0% yellow and 9.4% black. It has a hue angle of 219.1 degrees, a saturation of 57.9% and a lightness of 77.6%. #a5bce7 color hex could be obtained by blending #ffffff with #4b79cf. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 65
- G 74
- B 91
RGB color chart
- C 29
- M 19
- Y 0
- K 9
CMYK color chart

● #a5bce7 color description : Very soft blue.

The hexadecimal color #a5bce7 has RGB values of R:165, G:188, B:231 and CMYK values of C:0.29, M:0.19, Y:0, K:0.09. Its decimal value is 10861799.

Hex triplet	a5bce7	`#a5bce7`
RGB Decimal	165, 188, 231	`rgb(165,188,231)`
RGB Percent	64.7, 73.7, 90.6	`rgb(64.7%,73.7%,90.6%)`
CMYK	29, 19, 0, 9
HSL	219.1°, 57.9, 77.6	`hsl(219.1,57.9%,77.6%)`
HSV (or HSB)	219.1°, 28.6, 90.6
Web Safe	99ccff	`#99ccff`

CIE-LAB	75.906, 1.808, -23.999
XYZ	47.921, 49.734, 82.672
xyY	0.266, 0.276, 49.734
CIE-LCH	75.906, 24.067, 274.309
CIE-LUV	75.906, -13.689, -38.237
Hunter-Lab	70.522, -2.121, -20.138
Binary	10100101, 10111100, 11100111

#a5bce7
```
#a5bce7 rgb(165,188,231)
```
#e7d0a5
```
#e7d0a5 rgb(231,208,165)
```

Complementary Color

#a5dde7
```
#a5dde7 rgb(165,221,231)
```
#a5bce7
```
#a5bce7 rgb(165,188,231)
```
#afa5e7
```
#afa5e7 rgb(175,165,231)
```

Analogous Color

#dde7a5
```
#dde7a5 rgb(221,231,165)
```
#a5bce7
```
#a5bce7 rgb(165,188,231)
```
#e7afa5
```
#e7afa5 rgb(231,175,165)
```

Split Complementary Color

#bce7a5
```
#bce7a5 rgb(188,231,165)
```
#a5bce7
```
#a5bce7 rgb(165,188,231)
```
#e7a5bc
```
#e7a5bc rgb(231,165,188)
```

Triadic Color

#a5e7d0
```
#a5e7d0 rgb(165,231,208)
```
#a5bce7
```
#a5bce7 rgb(165,188,231)
```
#e7a5bc
```
#e7a5bc rgb(231,165,188)
```
#e7d0a5
```
#e7d0a5 rgb(231,208,165)
```

Tetradic Color

#698fd7
```
#698fd7 rgb(105,143,215)
```
#7d9edc
```
#7d9edc rgb(125,158,220)
```
#91ade2
```
#91ade2 rgb(145,173,226)
```
#a5bce7
```
#a5bce7 rgb(165,188,231)
```
#b9cbec
```
#b9cbec rgb(185,203,236)
```
#cddaf2
```
#cddaf2 rgb(205,218,242)
```
#e1e9f7
```
#e1e9f7 rgb(225,233,247)
```

Monochromatic Color

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

#a5cde7
```
#a5cde7 rgb(165,205,231)
```
#a5c7e7
```
#a5c7e7 rgb(165,199,231)
```
#a5c2e7
```
#a5c2e7 rgb(165,194,231)
```
#a5bce7
```
#a5bce7 rgb(165,188,231)
```
#a5b7e7
```
#a5b7e7 rgb(165,183,231)
```
#a5b1e7
```
#a5b1e7 rgb(165,177,231)
```
#a5ace7
```
#a5ace7 rgb(165,172,231)
```

Similar Colors

Text with hexadecimal color #a5bce7

This text has a font color of #a5bce7.

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

#a5bce7 background color

This paragraph has a background color of #a5bce7.

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

#a5bce7 border color

This element has a border color of #a5bce7.

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

CSS codes

.text {color:#a5bce7;}

.background {background-color:#a5bce7;}

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

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

#010203
```
#010203 rgb(1,2,3)
```
#050a12
```
#050a12 rgb(5,10,18)
```
#091222
```
#091222 rgb(9,18,34)
```
#0d1a31
```
#0d1a31 rgb(13,26,49)
```
#112241
```
#112241 rgb(17,34,65)
```
#152a50
```
#152a50 rgb(21,42,80)
```
#1a3260
```
#1a3260 rgb(26,50,96)
```
#1e3a6f
```
#1e3a6f rgb(30,58,111)
```
#22427f
```
#22427f rgb(34,66,127)
```
#264a8e
```
#264a8e rgb(38,74,142)
```
#2a529e
```
#2a529e rgb(42,82,158)
```
#2e5aad
```
#2e5aad rgb(46,90,173)
```
#3263bd
```
#3263bd rgb(50,99,189)
```

Shade Color Variation

#396bca
```
#396bca rgb(57,107,202)
```
#4877ce
```
#4877ce rgb(72,119,206)
```
#5882d2
```
#5882d2 rgb(88,130,210)
```
#678ed6
```
#678ed6 rgb(103,142,214)
```
#7799db
```
#7799db rgb(119,153,219)
```
#86a5df
```
#86a5df rgb(134,165,223)
```
#96b0e3
```
#96b0e3 rgb(150,176,227)
```
#a5bce7
```
#a5bce7 rgb(165,188,231)
```
#b4c8eb
```
#b4c8eb rgb(180,200,235)
```
#c4d3ef
```
#c4d3ef rgb(196,211,239)
```
#d3dff3
```
#d3dff3 rgb(211,223,243)
```
#e3eaf8
```
#e3eaf8 rgb(227,234,248)
```
#f2f6fc
```
#f2f6fc rgb(242,246,252)
```

Tint Color Variation

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

#c4c5c8
```
#c4c5c8 rgb(196,197,200)
```
#bfc4cd
```
#bfc4cd rgb(191,196,205)
```
#bbc3d1
```
#bbc3d1 rgb(187,195,209)
```
#b7c1d5
```
#b7c1d5 rgb(183,193,213)
```
#b2c0da
```
#b2c0da rgb(178,192,218)
```
#aebfde
```
#aebfde rgb(174,191,222)
```
#a9bde3
```
#a9bde3 rgb(169,189,227)
```
#a5bce7
```
#a5bce7 rgb(165,188,231)
```
#a1bbeb
```
#a1bbeb rgb(161,187,235)
```
#9cb9f0
```
#9cb9f0 rgb(156,185,240)
```
#98b8f4
```
#98b8f4 rgb(152,184,244)
```
#93b7f9
```
#93b7f9 rgb(147,183,249)
```
#8fb5fd
```
#8fb5fd rgb(143,181,253)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#b6bac3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4bce6 Protanopia 1% of men
#b8bbe9 Deuteranopia 1% of men
#a3c3d1 Tritanopia 0.001% of the population

Trichromacy

#aebce6 Protanomaly 1% of men, 0.01% of women
#b1bbe8 Deuteranomaly 6% of men, 0.4% of women
#a4c0d9 Tritanomaly 0.01% of the population

#a5bce7 hex color

#a5bce7 Color Information

#a5bce7 Color Conversion

Color Schemes with #a5bce7

Alternatives to #a5bce7

#a5bce7 Preview

Shades and Tints of #a5bce7

Tones of #a5bce7

Color Blindness Simulator