#a5bbd6 hex color

In a RGB color space, hex #a5bbd6 is composed of 64.7% red, 73.3% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 22.9% cyan, 12.6% magenta, 0% yellow and 16.1% black. It has a hue angle of 213.1 degrees, a saturation of 37.4% and a lightness of 74.3%. #a5bbd6 color hex could be obtained by blending #ffffff with #4b77ad. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 65
- G 73
- B 84
RGB color chart
- C 23
- M 13
- Y 0
- K 16
CMYK color chart

● #a5bbd6 color description : Grayish blue.

The hexadecimal color #a5bbd6 has RGB values of R:165, G:187, B:214 and CMYK values of C:0.23, M:0.13, Y:0, K:0.16. Its decimal value is 10861526.

Hex triplet	a5bbd6	`#a5bbd6`
RGB Decimal	165, 187, 214	`rgb(165,187,214)`
RGB Percent	64.7, 73.3, 83.9	`rgb(64.7%,73.3%,83.9%)`
CMYK	23, 13, 0, 16
HSL	213.1°, 37.4, 74.3	`hsl(213.1,37.4%,74.3%)`
HSV (or HSB)	213.1°, 22.9, 83.9
Web Safe	99cccc	`#99cccc`

CIE-LAB	75.073, -1.642, -16.053
XYZ	45.422, 48.394, 70.562
xyY	0.276, 0.294, 48.394
CIE-LCH	75.073, 16.137, 264.161
CIE-LUV	75.073, -12.699, -24.659
Hunter-Lab	69.566, -5.19, -11.443
Binary	10100101, 10111011, 11010110

#a5bbd6
```
#a5bbd6 rgb(165,187,214)
```
#d6c0a5
```
#d6c0a5 rgb(214,192,165)
```

Complementary Color

#a5d4d6
```
#a5d4d6 rgb(165,212,214)
```
#a5bbd6
```
#a5bbd6 rgb(165,187,214)
```
#a8a5d6
```
#a8a5d6 rgb(168,165,214)
```

Analogous Color

#d4d6a5
```
#d4d6a5 rgb(212,214,165)
```
#a5bbd6
```
#a5bbd6 rgb(165,187,214)
```
#d6a8a5
```
#d6a8a5 rgb(214,168,165)
```

Split Complementary Color

#bbd6a5
```
#bbd6a5 rgb(187,214,165)
```
#a5bbd6
```
#a5bbd6 rgb(165,187,214)
```
#d6a5bb
```
#d6a5bb rgb(214,165,187)
```

Triadic Color

#a5d6c0
```
#a5d6c0 rgb(165,214,192)
```
#a5bbd6
```
#a5bbd6 rgb(165,187,214)
```
#d6a5bb
```
#d6a5bb rgb(214,165,187)
```
#d6c0a5
```
#d6c0a5 rgb(214,192,165)
```

Tetradic Color

#7093be
```
#7093be rgb(112,147,190)
```
#82a1c6
```
#82a1c6 rgb(130,161,198)
```
#93aece
```
#93aece rgb(147,174,206)
```
#a5bbd6
```
#a5bbd6 rgb(165,187,214)
```
#b7c8de
```
#b7c8de rgb(183,200,222)
```
#c8d5e6
```
#c8d5e6 rgb(200,213,230)
```
#dae3ee
```
#dae3ee rgb(218,227,238)
```

Monochromatic Color

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

#a5c7d6
```
#a5c7d6 rgb(165,199,214)
```
#a5c3d6
```
#a5c3d6 rgb(165,195,214)
```
#a5bfd6
```
#a5bfd6 rgb(165,191,214)
```
#a5bbd6
```
#a5bbd6 rgb(165,187,214)
```
#a5b7d6
```
#a5b7d6 rgb(165,183,214)
```
#a5b3d6
```
#a5b3d6 rgb(165,179,214)
```
#a5afd6
```
#a5afd6 rgb(165,175,214)
```

Similar Colors

Text with hexadecimal color #a5bbd6

This text has a font color of #a5bbd6.

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

#a5bbd6 background color

This paragraph has a background color of #a5bbd6.

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

#a5bbd6 border color

This element has a border color of #a5bbd6.

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

CSS codes

.text {color:#a5bbd6;}

.background {background-color:#a5bbd6;}

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

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

#020304
```
#020304 rgb(2,3,4)
```
#080c12
```
#080c12 rgb(8,12,18)
```
#0e161f
```
#0e161f rgb(14,22,31)
```
#141f2d
```
#141f2d rgb(20,31,45)
```
#1b293a
```
#1b293a rgb(27,41,58)
```
#213248
```
#213248 rgb(33,50,72)
```
#273c55
```
#273c55 rgb(39,60,85)
```
#2d4563
```
#2d4563 rgb(45,69,99)
```
#334f70
```
#334f70 rgb(51,79,112)
```
#39587e
```
#39587e rgb(57,88,126)
```
#3f618b
```
#3f618b rgb(63,97,139)
```
#466b99
```
#466b99 rgb(70,107,153)
```
#4c74a6
```
#4c74a6 rgb(76,116,166)
```

Shade Color Variation

#547eb1
```
#547eb1 rgb(84,126,177)
```
#6288b7
```
#6288b7 rgb(98,136,183)
```
#6f92bd
```
#6f92bd rgb(111,146,189)
```
#7d9cc4
```
#7d9cc4 rgb(125,156,196)
```
#8aa7ca
```
#8aa7ca rgb(138,167,202)
```
#98b1d0
```
#98b1d0 rgb(152,177,208)
```
#a5bbd6
```
#a5bbd6 rgb(165,187,214)
```
#b2c5dc
```
#b2c5dc rgb(178,197,220)
```
#c0cfe2
```
#c0cfe2 rgb(192,207,226)
```
#cddae8
```
#cddae8 rgb(205,218,232)
```
#dbe4ef
```
#dbe4ef rgb(219,228,239)
```
#e8eef5
```
#e8eef5 rgb(232,238,245)
```
#f6f8fb
```
#f6f8fb rgb(246,248,251)
```

Tint Color Variation

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

#b9bdc2
```
#b9bdc2 rgb(185,189,194)
```
#b4bdc7
```
#b4bdc7 rgb(180,189,199)
```
#afbccc
```
#afbccc rgb(175,188,204)
```
#aabcd1
```
#aabcd1 rgb(170,188,209)
```
#a5bbd6
```
#a5bbd6 rgb(165,187,214)
```
#a0badb
```
#a0badb rgb(160,186,219)
```
#9bbae0
```
#9bbae0 rgb(155,186,224)
```
#96b9e5
```
#96b9e5 rgb(150,185,229)
```
#91b9ea
```
#91b9ea rgb(145,185,234)
```
#8cb8ef
```
#8cb8ef rgb(140,184,239)
```
#87b8f4
```
#87b8f4 rgb(135,184,244)
```
#82b7f9
```
#82b7f9 rgb(130,183,249)
```
#7db7fe
```
#7db7fe rgb(125,183,254)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#b4b9be Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7bbd6 Protanopia 1% of men
#beb8da Deuteranopia 1% of men
#a7c0ce Tritanopia 0.001% of the population

Trichromacy

#b0bbd6 Protanomaly 1% of men, 0.01% of women
#b5b9d8 Deuteranomaly 6% of men, 0.4% of women
#a6bed1 Tritanomaly 0.01% of the population

#a5bbd6 hex color

#a5bbd6 Color Information

#a5bbd6 Color Conversion

Color Schemes with #a5bbd6

Alternatives to #a5bbd6

#a5bbd6 Preview

Shades and Tints of #a5bbd6

Tones of #a5bbd6

Color Blindness Simulator