#a5bbc4 hex color

In a RGB color space, hex #a5bbc4 is composed of 64.7% red, 73.3% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 15.8% cyan, 4.6% magenta, 0% yellow and 23.1% black. It has a hue angle of 197.4 degrees, a saturation of 20.8% and a lightness of 70.8%. #a5bbc4 color hex could be obtained by blending #ffffff with #4b7789. Closest websafe color is: #99cccc.

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

● #a5bbc4 color description : Grayish blue.

The hexadecimal color #a5bbc4 has RGB values of R:165, G:187, B:196 and CMYK values of C:0.16, M:0.05, Y:0, K:0.23. Its decimal value is 10861508.

Hex triplet	a5bbc4	`#a5bbc4`
RGB Decimal	165, 187, 196	`rgb(165,187,196)`
RGB Percent	64.7, 73.3, 76.9	`rgb(64.7%,73.3%,76.9%)`
CMYK	16, 5, 0, 23
HSL	197.4°, 20.8, 70.8	`hsl(197.4,20.8%,70.8%)`
HSV (or HSB)	197.4°, 15.8, 76.9
Web Safe	99cccc	`#99cccc`

CIE-LAB	74.524, -5.614, -7.083
XYZ	43.249, 47.525, 59.116
xyY	0.289, 0.317, 47.525
CIE-LCH	74.524, 9.038, 231.601
CIE-LUV	74.524, -12.123, -9.813
Hunter-Lab	68.938, -8.658, -2.586
Binary	10100101, 10111011, 11000100

#a5bbc4
```
#a5bbc4 rgb(165,187,196)
```
#c4aea5
```
#c4aea5 rgb(196,174,165)
```

Complementary Color

#a5c4be
```
#a5c4be rgb(165,196,190)
```
#a5bbc4
```
#a5bbc4 rgb(165,187,196)
```
#a5acc4
```
#a5acc4 rgb(165,172,196)
```

Analogous Color

#c4bea5
```
#c4bea5 rgb(196,190,165)
```
#a5bbc4
```
#a5bbc4 rgb(165,187,196)
```
#c4a5ac
```
#c4a5ac rgb(196,165,172)
```

Split Complementary Color

#bbc4a5
```
#bbc4a5 rgb(187,196,165)
```
#a5bbc4
```
#a5bbc4 rgb(165,187,196)
```
#c4a5bb
```
#c4a5bb rgb(196,165,187)
```

Triadic Color

#a5c4ae
```
#a5c4ae rgb(165,196,174)
```
#a5bbc4
```
#a5bbc4 rgb(165,187,196)
```
#c4a5bb
```
#c4a5bb rgb(196,165,187)
```
#c4aea5
```
#c4aea5 rgb(196,174,165)
```

Tetradic Color

#7798a6
```
#7798a6 rgb(119,152,166)
```
#86a4b0
```
#86a4b0 rgb(134,164,176)
```
#96afba
```
#96afba rgb(150,175,186)
```
#a5bbc4
```
#a5bbc4 rgb(165,187,196)
```
#b4c7ce
```
#b4c7ce rgb(180,199,206)
```
#c4d2d8
```
#c4d2d8 rgb(196,210,216)
```
#d3dee2
```
#d3dee2 rgb(211,222,226)
```

Monochromatic Color

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

#a5c3c4
```
#a5c3c4 rgb(165,195,196)
```
#a5c0c4
```
#a5c0c4 rgb(165,192,196)
```
#a5bec4
```
#a5bec4 rgb(165,190,196)
```
#a5bbc4
```
#a5bbc4 rgb(165,187,196)
```
#a5b8c4
```
#a5b8c4 rgb(165,184,196)
```
#a5b6c4
```
#a5b6c4 rgb(165,182,196)
```
#a5b3c4
```
#a5b3c4 rgb(165,179,196)
```

Similar Colors

Text with hexadecimal color #a5bbc4

This text has a font color of #a5bbc4.

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

#a5bbc4 background color

This paragraph has a background color of #a5bbc4.

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

#a5bbc4 border color

This element has a border color of #a5bbc4.

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

CSS codes

.text {color:#a5bbc4;}

.background {background-color:#a5bbc4;}

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

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

#030405
```
#030405 rgb(3,4,5)
```
#0b0f11
```
#0b0f11 rgb(11,15,17)
```
#131a1c
```
#131a1c rgb(19,26,28)
```
#1a2428
```
#1a2428 rgb(26,36,40)
```
#222f34
```
#222f34 rgb(34,47,52)
```
#2a3a40
```
#2a3a40 rgb(42,58,64)
```
#32444c
```
#32444c rgb(50,68,76)
```
#3a4f58
```
#3a4f58 rgb(58,79,88)
```
#415a64
```
#415a64 rgb(65,90,100)
```
#49646f
```
#49646f rgb(73,100,111)
```
#516f7b
```
#516f7b rgb(81,111,123)
```
#597a87
```
#597a87 rgb(89,122,135)
```
#608493
```
#608493 rgb(96,132,147)
```

Shade Color Variation

#6a8e9d
```
#6a8e9d rgb(106,142,157)
```
#7697a5
```
#7697a5 rgb(118,151,165)
```
#81a0ad
```
#81a0ad rgb(129,160,173)
```
#8da9b4
```
#8da9b4 rgb(141,169,180)
```
#99b2bc
```
#99b2bc rgb(153,178,188)
```
#a5bbc4
```
#a5bbc4 rgb(165,187,196)
```
#b1c4cc
```
#b1c4cc rgb(177,196,204)
```
#bdcdd4
```
#bdcdd4 rgb(189,205,212)
```
#c9d6db
```
#c9d6db rgb(201,214,219)
```
#d4dfe3
```
#d4dfe3 rgb(212,223,227)
```
#e0e8eb
```
#e0e8eb rgb(224,232,235)
```
#ecf1f3
```
#ecf1f3 rgb(236,241,243)
```
#f8fafa
```
#f8fafa rgb(248,250,250)
```

Tint Color Variation

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

#b0b6b9
```
#b0b6b9 rgb(176,182,185)
```
#abb9be
```
#abb9be rgb(171,185,190)
```
#a5bbc4
```
#a5bbc4 rgb(165,187,196)
```
#9fbdca
```
#9fbdca rgb(159,189,202)
```
#9ac0cf
```
#9ac0cf rgb(154,192,207)
```
#94c2d5
```
#94c2d5 rgb(148,194,213)
```
#8ec5db
```
#8ec5db rgb(142,197,219)
```
#88c7e1
```
#88c7e1 rgb(136,199,225)
```
#83c9e6
```
#83c9e6 rgb(131,201,230)
```
#7dccec
```
#7dccec rgb(125,204,236)
```
#77cef2
```
#77cef2 rgb(119,206,242)
```
#71d1f8
```
#71d1f8 rgb(113,209,248)
```
#6cd3fd
```
#6cd3fd rgb(108,211,253)
```

Tone Color Variation

Below, you can see how #a5bbc4 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
#b2b6b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbb9c4 Protanopia 1% of men
#c5b6c9 Deuteranopia 1% of men
#aabdcb Tritanopia 0.001% of the population

Trichromacy

#b3bac4 Protanomaly 1% of men, 0.01% of women
#b9b7c7 Deuteranomaly 6% of men, 0.4% of women
#a8bcc8 Tritanomaly 0.01% of the population

#a5bbc4 hex color

#a5bbc4 Color Information

#a5bbc4 Color Conversion

Color Schemes with #a5bbc4

Alternatives to #a5bbc4

#a5bbc4 Preview

Shades and Tints of #a5bbc4

Tones of #a5bbc4

Color Blindness Simulator