#a7b7be hex color

In a RGB color space, hex #a7b7be is composed of 65.5% red, 71.8% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 12.1% cyan, 3.7% magenta, 0% yellow and 25.5% black. It has a hue angle of 198.3 degrees, a saturation of 15% and a lightness of 70%. #a7b7be color hex could be obtained by blending #ffffff with #4f6f7d. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 65
- G 72
- B 75
RGB color chart
- C 12
- M 4
- Y 0
- K 25
CMYK color chart

● #a7b7be color description : Grayish blue.

The hexadecimal color #a7b7be has RGB values of R:167, G:183, B:190 and CMYK values of C:0.12, M:0.04, Y:0, K:0.25. Its decimal value is 10991550.

Hex triplet	a7b7be	`#a7b7be`
RGB Decimal	167, 183, 190	`rgb(167,183,190)`
RGB Percent	65.5, 71.8, 74.5	`rgb(65.5%,71.8%,74.5%)`
CMYK	12, 4, 0, 25
HSL	198.3°, 15, 70	`hsl(198.3,15%,70%)`
HSV (or HSB)	198.3°, 12.1, 74.5
Web Safe	99cccc	`#99cccc`

CIE-LAB	73.415, -4.083, -5.436
XYZ	42.162, 45.8, 55.331
xyY	0.294, 0.32, 45.8
CIE-LCH	73.415, 6.799, 233.088
CIE-LUV	73.415, -9.007, -7.5
Hunter-Lab	67.675, -7.225, -1.103
Binary	10100111, 10110111, 10111110

#a7b7be
```
#a7b7be rgb(167,183,190)
```
#beaea7
```
#beaea7 rgb(190,174,167)
```

Complementary Color

#a7beba
```
#a7beba rgb(167,190,186)
```
#a7b7be
```
#a7b7be rgb(167,183,190)
```
#a7acbe
```
#a7acbe rgb(167,172,190)
```

Analogous Color

#bebaa7
```
#bebaa7 rgb(190,186,167)
```
#a7b7be
```
#a7b7be rgb(167,183,190)
```
#bea7ac
```
#bea7ac rgb(190,167,172)
```

Split Complementary Color

#b7bea7
```
#b7bea7 rgb(183,190,167)
```
#a7b7be
```
#a7b7be rgb(167,183,190)
```
#bea7b7
```
#bea7b7 rgb(190,167,183)
```

Triadic Color

#a7beae
```
#a7beae rgb(167,190,174)
```
#a7b7be
```
#a7b7be rgb(167,183,190)
```
#bea7b7
```
#bea7b7 rgb(190,167,183)
```
#beaea7
```
#beaea7 rgb(190,174,167)
```

Tetradic Color

#7b939e
```
#7b939e rgb(123,147,158)
```
#8a9fa8
```
#8a9fa8 rgb(138,159,168)
```
#98abb3
```
#98abb3 rgb(152,171,179)
```
#a7b7be
```
#a7b7be rgb(167,183,190)
```
#b6c3c9
```
#b6c3c9 rgb(182,195,201)
```
#c4cfd4
```
#c4cfd4 rgb(196,207,212)
```
#d3dbdf
```
#d3dbdf rgb(211,219,223)
```

Monochromatic Color

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

#a7bdbe
```
#a7bdbe rgb(167,189,190)
```
#a7bbbe
```
#a7bbbe rgb(167,187,190)
```
#a7b9be
```
#a7b9be rgb(167,185,190)
```
#a7b7be
```
#a7b7be rgb(167,183,190)
```
#a7b5be
```
#a7b5be rgb(167,181,190)
```
#a7b3be
```
#a7b3be rgb(167,179,190)
```
#a7b1be
```
#a7b1be rgb(167,177,190)
```

Similar Colors

Text with hexadecimal color #a7b7be

This text has a font color of #a7b7be.

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

#a7b7be background color

This paragraph has a background color of #a7b7be.

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

#a7b7be border color

This element has a border color of #a7b7be.

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

CSS codes

.text {color:#a7b7be;}

.background {background-color:#a7b7be;}

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

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

#020202
```
#020202 rgb(2,2,2)
```
#0a0c0e
```
#0a0c0e rgb(10,12,14)
```
#121719
```
#121719 rgb(18,23,25)
```
#1b2124
```
#1b2124 rgb(27,33,36)
```
#232c2f
```
#232c2f rgb(35,44,47)
```
#2b363b
```
#2b363b rgb(43,54,59)
```
#344046
```
#344046 rgb(52,64,70)
```
#3c4b51
```
#3c4b51 rgb(60,75,81)
```
#44555d
```
#44555d rgb(68,85,93)
```
#4d6068
```
#4d6068 rgb(77,96,104)
```
#556a73
```
#556a73 rgb(85,106,115)
```
#5d747e
```
#5d747e rgb(93,116,126)
```
#667f8a
```
#667f8a rgb(102,127,138)
```

Shade Color Variation

#6f8994
```
#6f8994 rgb(111,137,148)
```
#7a929d
```
#7a929d rgb(122,146,157)
```
#859ba5
```
#859ba5 rgb(133,155,165)
```
#90a5ad
```
#90a5ad rgb(144,165,173)
```
#9caeb6
```
#9caeb6 rgb(156,174,182)
```
#a7b7be
```
#a7b7be rgb(167,183,190)
```
#b2c0c6
```
#b2c0c6 rgb(178,192,198)
```
#bec9cf
```
#bec9cf rgb(190,201,207)
```
#c9d3d7
```
#c9d3d7 rgb(201,211,215)
```
#d4dcdf
```
#d4dcdf rgb(212,220,223)
```
#dfe5e8
```
#dfe5e8 rgb(223,229,232)
```
#ebeef0
```
#ebeef0 rgb(235,238,240)
```
#f6f8f8
```
#f6f8f8 rgb(246,248,248)
```

Tint Color Variation

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

#adb5b8
```
#adb5b8 rgb(173,181,184)
```
#a7b7be
```
#a7b7be rgb(167,183,190)
```
#a1b9c4
```
#a1b9c4 rgb(161,185,196)
```
#9bbcca
```
#9bbcca rgb(155,188,202)
```
#95bed0
```
#95bed0 rgb(149,190,208)
```
#8fc0d6
```
#8fc0d6 rgb(143,192,214)
```
#8ac3db
```
#8ac3db rgb(138,195,219)
```
#84c5e1
```
#84c5e1 rgb(132,197,225)
```
#7ec7e7
```
#7ec7e7 rgb(126,199,231)
```
#78c9ed
```
#78c9ed rgb(120,201,237)
```
#72ccf3
```
#72ccf3 rgb(114,204,243)
```
#6ccef9
```
#6ccef9 rgb(108,206,249)
```
#66d0ff
```
#66d0ff rgb(102,208,255)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#b1b4b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9b7bf Protanopia 1% of men
#c3b3c3 Deuteranopia 1% of men
#acb9c7 Tritanopia 0.001% of the population

Trichromacy

#b2b7be Protanomaly 1% of men, 0.01% of women
#b9b4c1 Deuteranomaly 6% of men, 0.4% of women
#aab8c3 Tritanomaly 0.01% of the population

#a7b7be hex color

#a7b7be Color Information

#a7b7be Color Conversion

Color Schemes with #a7b7be

Alternatives to #a7b7be

#a7b7be Preview

Shades and Tints of #a7b7be

Tones of #a7b7be

Color Blindness Simulator