#7a8ed1 hex color

In a RGB color space, hex #7a8ed1 is composed of 47.8% red, 55.7% green and 82% blue. Whereas in a CMYK color space, it is composed of 41.6% cyan, 32.1% magenta, 0% yellow and 18% black. It has a hue angle of 226.2 degrees, a saturation of 48.6% and a lightness of 64.9%. #7a8ed1 color hex could be obtained by blending #f4ffff with #001da3. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 48
- G 56
- B 82
RGB color chart
- C 42
- M 32
- Y 0
- K 18
CMYK color chart

● #7a8ed1 color description : Slightly desaturated blue.

The hexadecimal color #7a8ed1 has RGB values of R:122, G:142, B:209 and CMYK values of C:0.42, M:0.32, Y:0, K:0.18. Its decimal value is 8031953.

Hex triplet	7a8ed1	`#7a8ed1`
RGB Decimal	122, 142, 209	`rgb(122,142,209)`
RGB Percent	47.8, 55.7, 82	`rgb(47.8%,55.7%,82%)`
CMYK	42, 32, 0, 18
HSL	226.2°, 48.6, 64.9	`hsl(226.2,48.6%,64.9%)`
HSV (or HSB)	226.2°, 41.6, 82
Web Safe	6699cc	`#6699cc`

CIE-LAB	59.966, 9.958, -36.732
XYZ	29.205, 28.086, 64.2
xyY	0.24, 0.231, 28.086
CIE-LCH	59.966, 38.058, 285.168
CIE-LUV	59.966, -12.618, -58.684
Hunter-Lab	52.996, 5.625, -34.727
Binary	01111010, 10001110, 11010001

#7a8ed1
```
#7a8ed1 rgb(122,142,209)
```
#d1bd7a
```
#d1bd7a rgb(209,189,122)
```

Complementary Color

#7abad1
```
#7abad1 rgb(122,186,209)
```
#7a8ed1
```
#7a8ed1 rgb(122,142,209)
```
#927ad1
```
#927ad1 rgb(146,122,209)
```

Analogous Color

#bad17a
```
#bad17a rgb(186,209,122)
```
#7a8ed1
```
#7a8ed1 rgb(122,142,209)
```
#d1927a
```
#d1927a rgb(209,146,122)
```

Split Complementary Color

#8ed17a
```
#8ed17a rgb(142,209,122)
```
#7a8ed1
```
#7a8ed1 rgb(122,142,209)
```
#d17a8e
```
#d17a8e rgb(209,122,142)
```

Triadic Color

#7ad1bd
```
#7ad1bd rgb(122,209,189)
```
#7a8ed1
```
#7a8ed1 rgb(122,142,209)
```
#d17a8e
```
#d17a8e rgb(209,122,142)
```
#d1bd7a
```
#d1bd7a rgb(209,189,122)
```

Tetradic Color

#415ebd
```
#415ebd rgb(65,94,189)
```
#546ec4
```
#546ec4 rgb(84,110,196)
```
#677eca
```
#677eca rgb(103,126,202)
```
#7a8ed1
```
#7a8ed1 rgb(122,142,209)
```
#8d9ed8
```
#8d9ed8 rgb(141,158,216)
```
#a0aede
```
#a0aede rgb(160,174,222)
```
#b3bee5
```
#b3bee5 rgb(179,190,229)
```

Monochromatic Color

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

#7aa4d1
```
#7aa4d1 rgb(122,164,209)
```
#7a9dd1
```
#7a9dd1 rgb(122,157,209)
```
#7a95d1
```
#7a95d1 rgb(122,149,209)
```
#7a8ed1
```
#7a8ed1 rgb(122,142,209)
```
#7a87d1
```
#7a87d1 rgb(122,135,209)
```
#7a80d1
```
#7a80d1 rgb(122,128,209)
```
#7c7ad1
```
#7c7ad1 rgb(124,122,209)
```

Similar Colors

Text with hexadecimal color #7a8ed1

This text has a font color of #7a8ed1.

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

#7a8ed1 background color

This paragraph has a background color of #7a8ed1.

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

#7a8ed1 border color

This element has a border color of #7a8ed1.

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

CSS codes

.text {color:#7a8ed1;}

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

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

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

#04060d
```
#04060d rgb(4,6,13)
```
#090e1b
```
#090e1b rgb(9,14,27)
```
#0e152a
```
#0e152a rgb(14,21,42)
```
#141c38
```
#141c38 rgb(20,28,56)
```
#192347
```
#192347 rgb(25,35,71)
```
#1e2a56
```
#1e2a56 rgb(30,42,86)
```
#233264
```
#233264 rgb(35,50,100)
```
#283973
```
#283973 rgb(40,57,115)
```
#2d4081
```
#2d4081 rgb(45,64,129)
```
#324790
```
#324790 rgb(50,71,144)
```
#374f9e
```
#374f9e rgb(55,79,158)
```
#3c56ad
```
#3c56ad rgb(60,86,173)
```
#415dbc
```
#415dbc rgb(65,93,188)
```

Shade Color Variation

#4e69c2
```
#4e69c2 rgb(78,105,194)
```
#5d75c7
```
#5d75c7 rgb(93,117,199)
```
#6b82cc
```
#6b82cc rgb(107,130,204)
```
#7a8ed1
```
#7a8ed1 rgb(122,142,209)
```
#899ad6
```
#899ad6 rgb(137,154,214)
```
#97a7db
```
#97a7db rgb(151,167,219)
```
#a6b3e0
```
#a6b3e0 rgb(166,179,224)
```
#b4c0e5
```
#b4c0e5 rgb(180,192,229)
```
#c3ccea
```
#c3ccea rgb(195,204,234)
```
#d1d8ef
```
#d1d8ef rgb(209,216,239)
```
#e0e5f4
```
#e0e5f4 rgb(224,229,244)
```
#eff1f9
```
#eff1f9 rgb(239,241,249)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#a3a4a8
```
#a3a4a8 rgb(163,164,168)
```
#9ca1af
```
#9ca1af rgb(156,161,175)
```
#969db5
```
#969db5 rgb(150,157,181)
```
#8f99bc
```
#8f99bc rgb(143,153,188)
```
#8895c3
```
#8895c3 rgb(136,149,195)
```
#8192ca
```
#8192ca rgb(129,146,202)
```
#7a8ed1
```
#7a8ed1 rgb(122,142,209)
```
#738ad8
```
#738ad8 rgb(115,138,216)
```
#6c87df
```
#6c87df rgb(108,135,223)
```
#6583e6
```
#6583e6 rgb(101,131,230)
```
#5e7fed
```
#5e7fed rgb(94,127,237)
```
#587bf3
```
#587bf3 rgb(88,123,243)
```
#5178fa
```
#5178fa rgb(81,120,250)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#8c909d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f94d3 Protanopia 1% of men
#7b95d2 Deuteranopia 1% of men
#729ca8 Tritanopia 0.001% of the population

Trichromacy

#7d91d2 Protanomaly 1% of men, 0.01% of women
#7b92d2 Deuteranomaly 6% of men, 0.4% of women
#7597b7 Tritanomaly 0.01% of the population

#7a8ed1 hex color

#7a8ed1 Color Information

#7a8ed1 Color Conversion

Color Schemes with #7a8ed1

Alternatives to #7a8ed1

#7a8ed1 Preview

Shades and Tints of #7a8ed1

Tones of #7a8ed1

Color Blindness Simulator