colorhexa.com

#7d8bd4 hex color

In a RGB color space, hex #7d8bd4 is composed of 49% red, 54.5% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 41% cyan, 34.4% magenta, 0% yellow and 16.9% black. It has a hue angle of 230.3 degrees, a saturation of 50.3% and a lightness of 66.1%. #7d8bd4 color hex could be obtained by blending #faffff with #0017a9. Closest websafe color is: #6699cc.

- R 49
- G 55
- B 83
RGB color chart
- C 41
- M 34
- Y 0
- K 17
CMYK color chart

● #7d8bd4 color description : Slightly desaturated blue.

The hexadecimal color #7d8bd4 has RGB values of R:125, G:139, B:212 and CMYK values of C:0.41, M:0.34, Y:0, K:0.17. Its decimal value is 8227796.

Hex triplet	7d8bd4	`#7d8bd4`
RGB Decimal	125, 139, 212	`rgb(125,139,212)`
RGB Percent	49, 54.5, 83.1	`rgb(49%,54.5%,83.1%)`
CMYK	41, 34, 0, 17
HSL	230.3°, 50.3, 66.1	`hsl(230.3,50.3%,66.1%)`
HSV (or HSB)	230.3°, 41, 83.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	59.505, 13.349, -39.121
XYZ	29.571, 27.578, 66.049
xyY	0.24, 0.224, 27.578
CIE-LCH	59.505, 41.336, 288.841
CIE-LUV	59.505, -10.38, -62.938
Hunter-Lab	52.515, 8.614, -37.81
Binary	01111101, 10001011, 11010100

#7d8bd4
```
#7d8bd4 rgb(125,139,212)
```
#d4c67d
```
#d4c67d rgb(212,198,125)
```

Complementary Color

#7db7d4
```
#7db7d4 rgb(125,183,212)
```
#7d8bd4
```
#7d8bd4 rgb(125,139,212)
```
#9b7dd4
```
#9b7dd4 rgb(155,125,212)
```

Analogous Color

#b7d47d
```
#b7d47d rgb(183,212,125)
```
#7d8bd4
```
#7d8bd4 rgb(125,139,212)
```
#d49b7d
```
#d49b7d rgb(212,155,125)
```

Split Complementary Color

#8bd47d
```
#8bd47d rgb(139,212,125)
```
#7d8bd4
```
#7d8bd4 rgb(125,139,212)
```
#d47d8b
```
#d47d8b rgb(212,125,139)
```

Triadic Color

#7dd4c6
```
#7dd4c6 rgb(125,212,198)
```
#7d8bd4
```
#7d8bd4 rgb(125,139,212)
```
#d47d8b
```
#d47d8b rgb(212,125,139)
```
#d4c67d
```
#d4c67d rgb(212,198,125)
```

Tetradic Color

#4458c1
```
#4458c1 rgb(68,88,193)
```
#5769c7
```
#5769c7 rgb(87,105,199)
```
#6a7ace
```
#6a7ace rgb(106,122,206)
```
#7d8bd4
```
#7d8bd4 rgb(125,139,212)
```
#909cda
```
#909cda rgb(144,156,218)
```
#a3ade1
```
#a3ade1 rgb(163,173,225)
```
#b6bee7
```
#b6bee7 rgb(182,190,231)
```

Monochromatic Color

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

#7da1d4
```
#7da1d4 rgb(125,161,212)
```
#7d9ad4
```
#7d9ad4 rgb(125,154,212)
```
#7d92d4
```
#7d92d4 rgb(125,146,212)
```
#7d8bd4
```
#7d8bd4 rgb(125,139,212)
```
#7d84d4
```
#7d84d4 rgb(125,132,212)
```
#7e7dd4
```
#7e7dd4 rgb(126,125,212)
```
#857dd4
```
#857dd4 rgb(133,125,212)
```

Similar Colors

Text with hexadecimal color #7d8bd4

This text has a font color of #7d8bd4.

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

#7d8bd4 background color

This paragraph has a background color of #7d8bd4.

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

#7d8bd4 border color

This element has a border color of #7d8bd4.

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

CSS codes

.text {color:#7d8bd4;}

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

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

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 #f3f4fb is the lightest one.

#010103
```
#010103 rgb(1,1,3)
```
#060811
```
#060811 rgb(6,8,17)
```
#0b0e20
```
#0b0e20 rgb(11,14,32)
```
#10152f
```
#10152f rgb(16,21,47)
```
#141b3e
```
#141b3e rgb(20,27,62)
```
#19214c
```
#19214c rgb(25,33,76)
```
#1e285b
```
#1e285b rgb(30,40,91)
```
#232e6a
```
#232e6a rgb(35,46,106)
```
#283579
```
#283579 rgb(40,53,121)
```
#2d3b87
```
#2d3b87 rgb(45,59,135)
```
#324296
```
#324296 rgb(50,66,150)
```
#3748a5
```
#3748a5 rgb(55,72,165)
```
#3b4fb4
```
#3b4fb4 rgb(59,79,180)
```

Shade Color Variation

#4256c0
```
#4256c0 rgb(66,86,192)
```
#5164c5
```
#5164c5 rgb(81,100,197)
```
#6071ca
```
#6071ca rgb(96,113,202)
```
#6e7ecf
```
#6e7ecf rgb(110,126,207)
```
#7d8bd4
```
#7d8bd4 rgb(125,139,212)
```
#8c98d9
```
#8c98d9 rgb(140,152,217)
```
#9aa5de
```
#9aa5de rgb(154,165,222)
```
#a9b2e3
```
#a9b2e3 rgb(169,178,227)
```
#b8c0e8
```
#b8c0e8 rgb(184,192,232)
```
#c7cdec
```
#c7cdec rgb(199,205,236)
```
#d5daf1
```
#d5daf1 rgb(213,218,241)
```
#e4e7f6
```
#e4e7f6 rgb(228,231,246)
```
#f3f4fb
```
#f3f4fb rgb(243,244,251)
```

Tint Color Variation

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

#a5a6ac
```
#a5a6ac rgb(165,166,172)
```
#9ea2b3
```
#9ea2b3 rgb(158,162,179)
```
#989db9
```
#989db9 rgb(152,157,185)
```
#9199c0
```
#9199c0 rgb(145,153,192)
```
#8a94c7
```
#8a94c7 rgb(138,148,199)
```
#8490cd
```
#8490cd rgb(132,144,205)
```
#7d8bd4
```
#7d8bd4 rgb(125,139,212)
```
#7686db
```
#7686db rgb(118,134,219)
```
#7082e1
```
#7082e1 rgb(112,130,225)
```
#697de8
```
#697de8 rgb(105,125,232)
```
#6279ef
```
#6279ef rgb(98,121,239)
```
#5c74f5
```
#5c74f5 rgb(92,116,245)
```
#5570fc
```
#5570fc rgb(85,112,252)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#8b8e9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b92d7 Protanopia 1% of men
#7694d4 Deuteranopia 1% of men
#749ba6 Tritanopia 0.001% of the population

Trichromacy

#7c8fd6 Protanomaly 1% of men, 0.01% of women
#7990d4 Deuteranomaly 6% of men, 0.4% of women
#7795b7 Tritanomaly 0.01% of the population