#a5a7d4 hex color

In a RGB color space, hex #a5a7d4 is composed of 64.7% red, 65.5% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 22.2% cyan, 21.2% magenta, 0% yellow and 16.9% black. It has a hue angle of 237.4 degrees, a saturation of 35.3% and a lightness of 73.9%. #a5a7d4 color hex could be obtained by blending #ffffff with #4b4fa9. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 65
- G 65
- B 83
RGB color chart
- C 22
- M 21
- Y 0
- K 17
CMYK color chart

● #a5a7d4 color description : Grayish blue.

The hexadecimal color #a5a7d4 has RGB values of R:165, G:167, B:212 and CMYK values of C:0.22, M:0.21, Y:0, K:0.17. Its decimal value is 10856404.

Hex triplet	a5a7d4	`#a5a7d4`
RGB Decimal	165, 167, 212	`rgb(165,167,212)`
RGB Percent	64.7, 65.5, 83.1	`rgb(64.7%,65.5%,83.1%)`
CMYK	22, 21, 0, 17
HSL	237.4°, 35.3, 73.9	`hsl(237.4,35.3%,73.9%)`
HSV (or HSB)	237.4°, 22.2, 83.1
Web Safe	9999cc	`#9999cc`

CIE-LAB	69.746, 8.861, -23.039
XYZ	41.217, 40.39, 67.908
xyY	0.276, 0.27, 40.39
CIE-LCH	69.746, 24.684, 291.038
CIE-LUV	69.746, -3.678, -37.244
Hunter-Lab	63.553, 4.548, -18.866
Binary	10100101, 10100111, 11010100

#a5a7d4
```
#a5a7d4 rgb(165,167,212)
```
#d4d2a5
```
#d4d2a5 rgb(212,210,165)
```

Complementary Color

#a5bfd4
```
#a5bfd4 rgb(165,191,212)
```
#a5a7d4
```
#a5a7d4 rgb(165,167,212)
```
#bba5d4
```
#bba5d4 rgb(187,165,212)
```

Analogous Color

#bfd4a5
```
#bfd4a5 rgb(191,212,165)
```
#a5a7d4
```
#a5a7d4 rgb(165,167,212)
```
#d4bba5
```
#d4bba5 rgb(212,187,165)
```

Split Complementary Color

#a7d4a5
```
#a7d4a5 rgb(167,212,165)
```
#a5a7d4
```
#a5a7d4 rgb(165,167,212)
```
#d4a5a7
```
#d4a5a7 rgb(212,165,167)
```

Triadic Color

#a5d4d2
```
#a5d4d2 rgb(165,212,210)
```
#a5a7d4
```
#a5a7d4 rgb(165,167,212)
```
#d4a5a7
```
#d4a5a7 rgb(212,165,167)
```
#d4d2a5
```
#d4d2a5 rgb(212,210,165)
```

Tetradic Color

#7174bb
```
#7174bb rgb(113,116,187)
```
#8285c4
```
#8285c4 rgb(130,133,196)
```
#9496cc
```
#9496cc rgb(148,150,204)
```
#a5a7d4
```
#a5a7d4 rgb(165,167,212)
```
#b6b8dc
```
#b6b8dc rgb(182,184,220)
```
#c8c9e4
```
#c8c9e4 rgb(200,201,228)
```
#d9daed
```
#d9daed rgb(217,218,237)
```

Monochromatic Color

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

#a5b3d4
```
#a5b3d4 rgb(165,179,212)
```
#a5afd4
```
#a5afd4 rgb(165,175,212)
```
#a5abd4
```
#a5abd4 rgb(165,171,212)
```
#a5a7d4
```
#a5a7d4 rgb(165,167,212)
```
#a7a5d4
```
#a7a5d4 rgb(167,165,212)
```
#aba5d4
```
#aba5d4 rgb(171,165,212)
```
#afa5d4
```
#afa5d4 rgb(175,165,212)
```

Similar Colors

Text with hexadecimal color #a5a7d4

This text has a font color of #a5a7d4.

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

#a5a7d4 background color

This paragraph has a background color of #a5a7d4.

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

#a5a7d4 border color

This element has a border color of #a5a7d4.

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

CSS codes

.text {color:#a5a7d4;}

.background {background-color:#a5a7d4;}

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

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

#010103
```
#010103 rgb(1,1,3)
```
#080810
```
#080810 rgb(8,8,16)
```
#0e0f1d
```
#0e0f1d rgb(14,15,29)
```
#14152b
```
#14152b rgb(20,21,43)
```
#1b1c38
```
#1b1c38 rgb(27,28,56)
```
#212345
```
#212345 rgb(33,35,69)
```
#272953
```
#272953 rgb(39,41,83)
```
#2e3060
```
#2e3060 rgb(46,48,96)
```
#34376d
```
#34376d rgb(52,55,109)
```
#3a3d7a
```
#3a3d7a rgb(58,61,122)
```
#414488
```
#414488 rgb(65,68,136)
```
#474a95
```
#474a95 rgb(71,74,149)
```
#4d51a2
```
#4d51a2 rgb(77,81,162)
```

Shade Color Variation

#5559ae
```
#5559ae rgb(85,89,174)
```
#6366b4
```
#6366b4 rgb(99,102,180)
```
#7073bb
```
#7073bb rgb(112,115,187)
```
#7d80c1
```
#7d80c1 rgb(125,128,193)
```
#8a8dc7
```
#8a8dc7 rgb(138,141,199)
```
#989ace
```
#989ace rgb(152,154,206)
```
#a5a7d4
```
#a5a7d4 rgb(165,167,212)
```
#b2b4da
```
#b2b4da rgb(178,180,218)
```
#c0c1e1
```
#c0c1e1 rgb(192,193,225)
```
#cdcee7
```
#cdcee7 rgb(205,206,231)
```
#dadbed
```
#dadbed rgb(218,219,237)
```
#e7e8f4
```
#e7e8f4 rgb(231,232,244)
```
#f5f5fa
```
#f5f5fa rgb(245,245,250)
```

Tint Color Variation

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

#b9bac0
```
#b9bac0 rgb(185,186,192)
```
#b4b5c5
```
#b4b5c5 rgb(180,181,197)
```
#afb0ca
```
#afb0ca rgb(175,176,202)
```
#aaaccf
```
#aaaccf rgb(170,172,207)
```
#a5a7d4
```
#a5a7d4 rgb(165,167,212)
```
#a0a2d9
```
#a0a2d9 rgb(160,162,217)
```
#9b9ede
```
#9b9ede rgb(155,158,222)
```
#9699e3
```
#9699e3 rgb(150,153,227)
```
#9194e8
```
#9194e8 rgb(145,148,232)
```
#8b90ee
```
#8b90ee rgb(139,144,238)
```
#868bf3
```
#868bf3 rgb(134,139,243)
```
#8186f8
```
#8186f8 rgb(129,134,248)
```
#7c82fd
```
#7c82fd rgb(124,130,253)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#ababb4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3add7 Protanopia 1% of men
#a9abd6 Deuteranopia 1% of men
#a3b0bc Tritanopia 0.001% of the population

Trichromacy

#a4aad6 Protanomaly 1% of men, 0.01% of women
#a7a9d5 Deuteranomaly 6% of men, 0.4% of women
#a4acc5 Tritanomaly 0.01% of the population

#a5a7d4 hex color

#a5a7d4 Color Information

#a5a7d4 Color Conversion

Color Schemes with #a5a7d4

Alternatives to #a5a7d4

#a5a7d4 Preview

Shades and Tints of #a5a7d4

Tones of #a5a7d4

Color Blindness Simulator