#7a87bd hex color

In a RGB color space, hex #7a87bd is composed of 47.8% red, 52.9% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 35.4% cyan, 28.6% magenta, 0% yellow and 25.9% black. It has a hue angle of 228.4 degrees, a saturation of 33.7% and a lightness of 61%. #7a87bd color hex could be obtained by blending #f4ffff with #000f7b. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 48
- G 53
- B 74
RGB color chart
- C 35
- M 29
- Y 0
- K 26
CMYK color chart

● #7a87bd color description : Slightly desaturated blue.

The hexadecimal color #7a87bd has RGB values of R:122, G:135, B:189 and CMYK values of C:0.35, M:0.29, Y:0, K:0.26. Its decimal value is 8030141.

Hex triplet	7a87bd	`#7a87bd`
RGB Decimal	122, 135, 189	`rgb(122,135,189)`
RGB Percent	47.8, 52.9, 74.1	`rgb(47.8%,52.9%,74.1%)`
CMYK	35, 29, 0, 26
HSL	228.4°, 33.7, 61	`hsl(228.4,33.7%,61%)`
HSV (or HSB)	228.4°, 35.4, 74.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	57.211, 8.485, -29.734
XYZ	25.873, 25.139, 51.63
xyY	0.252, 0.245, 25.139
CIE-LCH	57.211, 30.921, 285.926
CIE-LUV	57.211, -9.161, -46.676
Hunter-Lab	50.139, 4.37, -25.957
Binary	01111010, 10000111, 10111101

#7a87bd
```
#7a87bd rgb(122,135,189)
```
#bdb07a
```
#bdb07a rgb(189,176,122)
```

Complementary Color

#7aa9bd
```
#7aa9bd rgb(122,169,189)
```
#7a87bd
```
#7a87bd rgb(122,135,189)
```
#8f7abd
```
#8f7abd rgb(143,122,189)
```

Analogous Color

#a9bd7a
```
#a9bd7a rgb(169,189,122)
```
#7a87bd
```
#7a87bd rgb(122,135,189)
```
#bd8f7a
```
#bd8f7a rgb(189,143,122)
```

Split Complementary Color

#87bd7a
```
#87bd7a rgb(135,189,122)
```
#7a87bd
```
#7a87bd rgb(122,135,189)
```
#bd7a87
```
#bd7a87 rgb(189,122,135)
```

Triadic Color

#7abdb0
```
#7abdb0 rgb(122,189,176)
```
#7a87bd
```
#7a87bd rgb(122,135,189)
```
#bd7a87
```
#bd7a87 rgb(189,122,135)
```
#bdb07a
```
#bdb07a rgb(189,176,122)
```

Tetradic Color

#4e5d9d
```
#4e5d9d rgb(78,93,157)
```
#5868ac
```
#5868ac rgb(88,104,172)
```
#6978b5
```
#6978b5 rgb(105,120,181)
```
#7a87bd
```
#7a87bd rgb(122,135,189)
```
#8b96c5
```
#8b96c5 rgb(139,150,197)
```
#9ca6ce
```
#9ca6ce rgb(156,166,206)
```
#adb5d6
```
#adb5d6 rgb(173,181,214)
```

Monochromatic Color

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

#7a98bd
```
#7a98bd rgb(122,152,189)
```
#7a92bd
```
#7a92bd rgb(122,146,189)
```
#7a8dbd
```
#7a8dbd rgb(122,141,189)
```
#7a87bd
```
#7a87bd rgb(122,135,189)
```
#7a81bd
```
#7a81bd rgb(122,129,189)
```
#7a7cbd
```
#7a7cbd rgb(122,124,189)
```
#7e7abd
```
#7e7abd rgb(126,122,189)
```

Similar Colors

Text with hexadecimal color #7a87bd

This text has a font color of #7a87bd.

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

#7a87bd background color

This paragraph has a background color of #7a87bd.

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

#7a87bd border color

This element has a border color of #7a87bd.

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

CSS codes

.text {color:#7a87bd;}

.background {background-color:#7a87bd;}

.border {border:1px solid #7a87bd;}

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

#06070b
```
#06070b rgb(6,7,11)
```
#0c0e18
```
#0c0e18 rgb(12,14,24)
```
#131625
```
#131625 rgb(19,22,37)
```
#191e33
```
#191e33 rgb(25,30,51)
```
#202640
```
#202640 rgb(32,38,64)
```
#262e4d
```
#262e4d rgb(38,46,77)
```
#2d355a
```
#2d355a rgb(45,53,90)
```
#333d67
```
#333d67 rgb(51,61,103)
```
#3a4574
```
#3a4574 rgb(58,69,116)
```
#404d81
```
#404d81 rgb(64,77,129)
```
#47558e
```
#47558e rgb(71,85,142)
```
#4d5c9b
```
#4d5c9b rgb(77,92,155)
```
#5464a9
```
#5464a9 rgb(84,100,169)
```

Shade Color Variation

#606fb0
```
#606fb0 rgb(96,111,176)
```
#6d7bb6
```
#6d7bb6 rgb(109,123,182)
```
#7a87bd
```
#7a87bd rgb(122,135,189)
```
#8793c4
```
#8793c4 rgb(135,147,196)
```
#949fca
```
#949fca rgb(148,159,202)
```
#a1aad1
```
#a1aad1 rgb(161,170,209)
```
#aeb6d7
```
#aeb6d7 rgb(174,182,215)
```
#bcc2de
```
#bcc2de rgb(188,194,222)
```
#c9cee4
```
#c9cee4 rgb(201,206,228)
```
#d6daeb
```
#d6daeb rgb(214,218,235)
```
#e3e6f1
```
#e3e6f1 rgb(227,230,241)
```
#f0f1f8
```
#f0f1f8 rgb(240,241,248)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #999a9e is the less saturated color, while #3d62fa is the most saturated one.

#999a9e
```
#999a9e rgb(153,154,158)
```
#9195a6
```
#9195a6 rgb(145,149,166)
```
#8990ae
```
#8990ae rgb(137,144,174)
```
#828cb5
```
#828cb5 rgb(130,140,181)
```
#7a87bd
```
#7a87bd rgb(122,135,189)
```
#7282c5
```
#7282c5 rgb(114,130,197)
```
#6b7ecc
```
#6b7ecc rgb(107,126,204)
```
#6379d4
```
#6379d4 rgb(99,121,212)
```
#5b74dc
```
#5b74dc rgb(91,116,220)
```
#5470e3
```
#5470e3 rgb(84,112,227)
```
#4c6beb
```
#4c6beb rgb(76,107,235)
```
#4466f3
```
#4466f3 rgb(68,102,243)
```
#3d62fa
```
#3d62fa rgb(61,98,250)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#868993 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f8dc0 Protanopia 1% of men
#7e8dc0 Deuteranopia 1% of men
#77949e Tritanopia 0.001% of the population

Trichromacy

#7d8bbf Protanomaly 1% of men, 0.01% of women
#7c8bbf Deuteranomaly 6% of men, 0.4% of women
#788fa9 Tritanomaly 0.01% of the population

#7a87bd hex color

#7a87bd Color Information

#7a87bd Color Conversion

Color Schemes with #7a87bd

Alternatives to #7a87bd

#7a87bd Preview

Shades and Tints of #7a87bd

Tones of #7a87bd

Color Blindness Simulator