#7d8ed3 hex color

In a RGB color space, hex #7d8ed3 is composed of 49% red, 55.7% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 40.8% cyan, 32.7% magenta, 0% yellow and 17.3% black. It has a hue angle of 228.1 degrees, a saturation of 49.4% and a lightness of 65.9%. #7d8ed3 color hex could be obtained by blending #faffff with #001da7. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 49
- G 56
- B 83
RGB color chart
- C 41
- M 33
- Y 0
- K 17
CMYK color chart

● #7d8ed3 color description : Slightly desaturated blue.

The hexadecimal color #7d8ed3 has RGB values of R:125, G:142, B:211 and CMYK values of C:0.41, M:0.33, Y:0, K:0.17. Its decimal value is 8228563.

Hex triplet	7d8ed3	`#7d8ed3`
RGB Decimal	125, 142, 211	`rgb(125,142,211)`
RGB Percent	49, 55.7, 82.7	`rgb(49%,55.7%,82.7%)`
CMYK	41, 33, 0, 17
HSL	228.1°, 49.4, 65.9	`hsl(228.1,49.4%,65.9%)`
HSV (or HSB)	228.1°, 40.8, 82.7
Web Safe	6699cc	`#6699cc`

CIE-LAB	60.256, 11.312, -37.386
XYZ	29.886, 28.408, 65.533
xyY	0.241, 0.229, 28.408
CIE-LCH	60.256, 39.06, 286.834
CIE-LUV	60.256, -11.485, -59.974
Hunter-Lab	53.299, 6.814, -35.589
Binary	01111101, 10001110, 11010011

#7d8ed3
```
#7d8ed3 rgb(125,142,211)
```
#d3c27d
```
#d3c27d rgb(211,194,125)
```

Complementary Color

#7db9d3
```
#7db9d3 rgb(125,185,211)
```
#7d8ed3
```
#7d8ed3 rgb(125,142,211)
```
#977dd3
```
#977dd3 rgb(151,125,211)
```

Analogous Color

#b9d37d
```
#b9d37d rgb(185,211,125)
```
#7d8ed3
```
#7d8ed3 rgb(125,142,211)
```
#d3977d
```
#d3977d rgb(211,151,125)
```

Split Complementary Color

#8ed37d
```
#8ed37d rgb(142,211,125)
```
#7d8ed3
```
#7d8ed3 rgb(125,142,211)
```
#d37d8e
```
#d37d8e rgb(211,125,142)
```

Triadic Color

#7dd3c2
```
#7dd3c2 rgb(125,211,194)
```
#7d8ed3
```
#7d8ed3 rgb(125,142,211)
```
#d37d8e
```
#d37d8e rgb(211,125,142)
```
#d3c27d
```
#d3c27d rgb(211,194,125)
```

Tetradic Color

#445cc0
```
#445cc0 rgb(68,92,192)
```
#576dc6
```
#576dc6 rgb(87,109,198)
```
#6a7dcd
```
#6a7dcd rgb(106,125,205)
```
#7d8ed3
```
#7d8ed3 rgb(125,142,211)
```
#909fd9
```
#909fd9 rgb(144,159,217)
```
#a3afe0
```
#a3afe0 rgb(163,175,224)
```
#b6c0e6
```
#b6c0e6 rgb(182,192,230)
```

Monochromatic Color

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

#7da4d3
```
#7da4d3 rgb(125,164,211)
```
#7d9cd3
```
#7d9cd3 rgb(125,156,211)
```
#7d95d3
```
#7d95d3 rgb(125,149,211)
```
#7d8ed3
```
#7d8ed3 rgb(125,142,211)
```
#7d87d3
```
#7d87d3 rgb(125,135,211)
```
#7d80d3
```
#7d80d3 rgb(125,128,211)
```
#827dd3
```
#827dd3 rgb(130,125,211)
```

Similar Colors

Text with hexadecimal color #7d8ed3

This text has a font color of #7d8ed3.

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

#7d8ed3 background color

This paragraph has a background color of #7d8ed3.

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

#7d8ed3 border color

This element has a border color of #7d8ed3.

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

CSS codes

.text {color:#7d8ed3;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#060811
```
#060811 rgb(6,8,17)
```
#0b0f1f
```
#0b0f1f rgb(11,15,31)
```
#10162e
```
#10162e rgb(16,22,46)
```
#141c3d
```
#141c3d rgb(20,28,61)
```
#19234b
```
#19234b rgb(25,35,75)
```
#1e2a5a
```
#1e2a5a rgb(30,42,90)
```
#233168
```
#233168 rgb(35,49,104)
```
#283877
```
#283877 rgb(40,56,119)
```
#2d3f86
```
#2d3f86 rgb(45,63,134)
```
#324694
```
#324694 rgb(50,70,148)
```
#374da3
```
#374da3 rgb(55,77,163)
```
#3c53b2
```
#3c53b2 rgb(60,83,178)
```

Shade Color Variation

#425bbf
```
#425bbf rgb(66,91,191)
```
#5168c4
```
#5168c4 rgb(81,104,196)
```
#6075c9
```
#6075c9 rgb(96,117,201)
```
#6e81ce
```
#6e81ce rgb(110,129,206)
```
#7d8ed3
```
#7d8ed3 rgb(125,142,211)
```
#8c9bd8
```
#8c9bd8 rgb(140,155,216)
```
#9aa7dd
```
#9aa7dd rgb(154,167,221)
```
#a9b4e2
```
#a9b4e2 rgb(169,180,226)
```
#b8c1e7
```
#b8c1e7 rgb(184,193,231)
```
#c6ceec
```
#c6ceec rgb(198,206,236)
```
#d5daf1
```
#d5daf1 rgb(213,218,241)
```
#e4e7f6
```
#e4e7f6 rgb(228,231,246)
```
#f2f4fb
```
#f2f4fb rgb(242,244,251)
```

Tint Color Variation

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

#a5a6ab
```
#a5a6ab rgb(165,166,171)
```
#9ea2b2
```
#9ea2b2 rgb(158,162,178)
```
#989eb8
```
#989eb8 rgb(152,158,184)
```
#919abf
```
#919abf rgb(145,154,191)
```
#8a96c6
```
#8a96c6 rgb(138,150,198)
```
#8492cc
```
#8492cc rgb(132,146,204)
```
#7d8ed3
```
#7d8ed3 rgb(125,142,211)
```
#768ada
```
#768ada rgb(118,138,218)
```
#7086e0
```
#7086e0 rgb(112,134,224)
```
#6982e7
```
#6982e7 rgb(105,130,231)
```
#627eee
```
#627eee rgb(98,126,238)
```
#5c7af4
```
#5c7af4 rgb(92,122,244)
```
#5576fb
```
#5576fb rgb(85,118,251)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#8d909e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f94d5 Protanopia 1% of men
#7b95d4 Deuteranopia 1% of men
#759da8 Tritanopia 0.001% of the population

Trichromacy

#7e92d4 Protanomaly 1% of men, 0.01% of women
#7c93d3 Deuteranomaly 6% of men, 0.4% of women
#7897b8 Tritanomaly 0.01% of the population

#7d8ed3 hex color

#7d8ed3 Color Information

#7d8ed3 Color Conversion

Color Schemes with #7d8ed3

Alternatives to #7d8ed3

#7d8ed3 Preview

Shades and Tints of #7d8ed3

Tones of #7d8ed3

Color Blindness Simulator