#a5b2cc hex color

In a RGB color space, hex #a5b2cc is composed of 64.7% red, 69.8% green and 80% blue. Whereas in a CMYK color space, it is composed of 19.1% cyan, 12.7% magenta, 0% yellow and 20% black. It has a hue angle of 220 degrees, a saturation of 27.7% and a lightness of 72.4%. #a5b2cc color hex could be obtained by blending #ffffff with #4b6599. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 65
- G 70
- B 80
RGB color chart
- C 19
- M 13
- Y 0
- K 20
CMYK color chart

● #a5b2cc color description : Grayish blue.

The hexadecimal color #a5b2cc has RGB values of R:165, G:178, B:204 and CMYK values of C:0.19, M:0.13, Y:0, K:0.2. Its decimal value is 10859212.

Hex triplet	a5b2cc	`#a5b2cc`
RGB Decimal	165, 178, 204	`rgb(165,178,204)`
RGB Percent	64.7, 69.8, 80	`rgb(64.7%,69.8%,80%)`
CMYK	19, 13, 0, 20
HSL	220°, 27.7, 72.4	`hsl(220,27.7%,72.4%)`
HSV (or HSB)	220°, 19.1, 80
Web Safe	9999cc	`#9999cc`

CIE-LAB	72.361, 0.978, -14.683
XYZ	42.334, 44.199, 63.424
xyY	0.282, 0.295, 44.199
CIE-LCH	72.361, 14.716, 273.81
CIE-LUV	72.361, -8.242, -22.737
Hunter-Lab	66.482, -2.68, -10.025
Binary	10100101, 10110010, 11001100

#a5b2cc
```
#a5b2cc rgb(165,178,204)
```
#ccbfa5
```
#ccbfa5 rgb(204,191,165)
```

Complementary Color

#a5c6cc
```
#a5c6cc rgb(165,198,204)
```
#a5b2cc
```
#a5b2cc rgb(165,178,204)
```
#aca5cc
```
#aca5cc rgb(172,165,204)
```

Analogous Color

#c6cca5
```
#c6cca5 rgb(198,204,165)
```
#a5b2cc
```
#a5b2cc rgb(165,178,204)
```
#ccaca5
```
#ccaca5 rgb(204,172,165)
```

Split Complementary Color

#b2cca5
```
#b2cca5 rgb(178,204,165)
```
#a5b2cc
```
#a5b2cc rgb(165,178,204)
```
#cca5b2
```
#cca5b2 rgb(204,165,178)
```

Triadic Color

#a5ccbf
```
#a5ccbf rgb(165,204,191)
```
#a5b2cc
```
#a5b2cc rgb(165,178,204)
```
#cca5b2
```
#cca5b2 rgb(204,165,178)
```
#ccbfa5
```
#ccbfa5 rgb(204,191,165)
```

Tetradic Color

#7488b0
```
#7488b0 rgb(116,136,176)
```
#8496ba
```
#8496ba rgb(132,150,186)
```
#95a4c3
```
#95a4c3 rgb(149,164,195)
```
#a5b2cc
```
#a5b2cc rgb(165,178,204)
```
#b5c0d5
```
#b5c0d5 rgb(181,192,213)
```
#c6cede
```
#c6cede rgb(198,206,222)
```
#d6dce8
```
#d6dce8 rgb(214,220,232)
```

Monochromatic Color

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

#a5bccc
```
#a5bccc rgb(165,188,204)
```
#a5b9cc
```
#a5b9cc rgb(165,185,204)
```
#a5b5cc
```
#a5b5cc rgb(165,181,204)
```
#a5b2cc
```
#a5b2cc rgb(165,178,204)
```
#a5afcc
```
#a5afcc rgb(165,175,204)
```
#a5accc
```
#a5accc rgb(165,172,204)
```
#a5a8cc
```
#a5a8cc rgb(165,168,204)
```

Similar Colors

Text with hexadecimal color #a5b2cc

This text has a font color of #a5b2cc.

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

#a5b2cc background color

This paragraph has a background color of #a5b2cc.

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

#a5b2cc border color

This element has a border color of #a5b2cc.

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

CSS codes

.text {color:#a5b2cc;}

.background {background-color:#a5b2cc;}

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

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, #06070a is the darkest color, while #fdfdfe is the lightest one.

#06070a
```
#06070a rgb(6,7,10)
```
#0d1017
```
#0d1017 rgb(13,16,23)
```
#141923
```
#141923 rgb(20,25,35)
```
#1b2230
```
#1b2230 rgb(27,34,48)
```
#222b3c
```
#222b3c rgb(34,43,60)
```
#293449
```
#293449 rgb(41,52,73)
```
#303d55
```
#303d55 rgb(48,61,85)
```
#374662
```
#374662 rgb(55,70,98)
```
#3f4e6e
```
#3f4e6e rgb(63,78,110)
```
#46577b
```
#46577b rgb(70,87,123)
```
#4d6087
```
#4d6087 rgb(77,96,135)
```
#546994
```
#546994 rgb(84,105,148)
```
#5b72a0
```
#5b72a0 rgb(91,114,160)
```

Shade Color Variation

#667ca9
```
#667ca9 rgb(102,124,169)
```
#7387b0
```
#7387b0 rgb(115,135,176)
```
#7f92b7
```
#7f92b7 rgb(127,146,183)
```
#8c9dbe
```
#8c9dbe rgb(140,157,190)
```
#98a7c5
```
#98a7c5 rgb(152,167,197)
```
#a5b2cc
```
#a5b2cc rgb(165,178,204)
```
#b2bdd3
```
#b2bdd3 rgb(178,189,211)
```
#bec7da
```
#bec7da rgb(190,199,218)
```
#cbd2e1
```
#cbd2e1 rgb(203,210,225)
```
#d7dde8
```
#d7dde8 rgb(215,221,232)
```
#e4e8ef
```
#e4e8ef rgb(228,232,239)
```
#f0f2f7
```
#f0f2f7 rgb(240,242,247)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#b5b7bc
```
#b5b7bc rgb(181,183,188)
```
#b0b6c1
```
#b0b6c1 rgb(176,182,193)
```
#aab4c7
```
#aab4c7 rgb(170,180,199)
```
#a5b2cc
```
#a5b2cc rgb(165,178,204)
```
#a0b0d1
```
#a0b0d1 rgb(160,176,209)
```
#9aaed7
```
#9aaed7 rgb(154,174,215)
```
#95addc
```
#95addc rgb(149,173,220)
```
#8fabe2
```
#8fabe2 rgb(143,171,226)
```
#8aa9e7
```
#8aa9e7 rgb(138,169,231)
```
#84a7ed
```
#84a7ed rgb(132,167,237)
```
#7fa5f2
```
#7fa5f2 rgb(127,165,242)
```
#7aa4f7
```
#7aa4f7 rgb(122,164,247)
```
#74a2fd
```
#74a2fd rgb(116,162,253)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#afb1b6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b0b4cd Protanopia 1% of men
#b8b1d0 Deuteranopia 1% of men
#a7b7c4 Tritanopia 0.001% of the population

Trichromacy

#acb3cc Protanomaly 1% of men, 0.01% of women
#b1b1ce Deuteranomaly 6% of men, 0.4% of women
#a6b5c7 Tritanomaly 0.01% of the population

#a5b2cc hex color

#a5b2cc Color Information

#a5b2cc Color Conversion

Color Schemes with #a5b2cc

Alternatives to #a5b2cc

#a5b2cc Preview

Shades and Tints of #a5b2cc

Tones of #a5b2cc

Color Blindness Simulator