#7486cd hex color

In a RGB color space, hex #7486cd is composed of 45.5% red, 52.5% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 43.4% cyan, 34.6% magenta, 0% yellow and 19.6% black. It has a hue angle of 227.9 degrees, a saturation of 47.1% and a lightness of 62.9%. #7486cd color hex could be obtained by blending #e8ffff with #000d9b. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 45
- G 53
- B 80
RGB color chart
- C 43
- M 35
- Y 0
- K 20
CMYK color chart

● #7486cd color description : Slightly desaturated blue.

The hexadecimal color #7486cd has RGB values of R:116, G:134, B:205 and CMYK values of C:0.43, M:0.35, Y:0, K:0.2. Its decimal value is 7636685.

Hex triplet	7486cd	`#7486cd`
RGB Decimal	116, 134, 205	`rgb(116,134,205)`
RGB Percent	45.5, 52.5, 80.4	`rgb(45.5%,52.5%,80.4%)`
CMYK	43, 35, 0, 20
HSL	227.9°, 47.1, 62.9	`hsl(227.9,47.1%,62.9%)`
HSV (or HSB)	227.9°, 43.4, 80.4
Web Safe	6699cc	`#6699cc`

CIE-LAB	57.241, 11.952, -38.78
XYZ	26.745, 25.17, 61.203
xyY	0.236, 0.223, 25.17
CIE-LCH	57.241, 40.58, 287.129
CIE-LUV	57.241, -11.812, -61.776
Hunter-Lab	50.17, 7.358, -37.21
Binary	01110100, 10000110, 11001101

#7486cd
```
#7486cd rgb(116,134,205)
```
#cdbb74
```
#cdbb74 rgb(205,187,116)
```

Complementary Color

#74b3cd
```
#74b3cd rgb(116,179,205)
```
#7486cd
```
#7486cd rgb(116,134,205)
```
#8f74cd
```
#8f74cd rgb(143,116,205)
```

Analogous Color

#b3cd74
```
#b3cd74 rgb(179,205,116)
```
#7486cd
```
#7486cd rgb(116,134,205)
```
#cd8f74
```
#cd8f74 rgb(205,143,116)
```

Split Complementary Color

#86cd74
```
#86cd74 rgb(134,205,116)
```
#7486cd
```
#7486cd rgb(116,134,205)
```
#cd7486
```
#cd7486 rgb(205,116,134)
```

Triadic Color

#74cdbb
```
#74cdbb rgb(116,205,187)
```
#7486cd
```
#7486cd rgb(116,134,205)
```
#cd7486
```
#cd7486 rgb(205,116,134)
```
#cdbb74
```
#cdbb74 rgb(205,187,116)
```

Tetradic Color

#4158b4
```
#4158b4 rgb(65,88,180)
```
#4e65c0
```
#4e65c0 rgb(78,101,192)
```
#6176c6
```
#6176c6 rgb(97,118,198)
```
#7486cd
```
#7486cd rgb(116,134,205)
```
#8796d4
```
#8796d4 rgb(135,150,212)
```
#9aa7da
```
#9aa7da rgb(154,167,218)
```
#acb7e1
```
#acb7e1 rgb(172,183,225)
```

Monochromatic Color

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

#749ccd
```
#749ccd rgb(116,156,205)
```
#7495cd
```
#7495cd rgb(116,149,205)
```
#748dcd
```
#748dcd rgb(116,141,205)
```
#7486cd
```
#7486cd rgb(116,134,205)
```
#747fcd
```
#747fcd rgb(116,127,205)
```
#7477cd
```
#7477cd rgb(116,119,205)
```
#7874cd
```
#7874cd rgb(120,116,205)
```

Similar Colors

Text with hexadecimal color #7486cd

This text has a font color of #7486cd.

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

#7486cd background color

This paragraph has a background color of #7486cd.

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

#7486cd border color

This element has a border color of #7486cd.

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

CSS codes

.text {color:#7486cd;}

.background {background-color:#7486cd;}

.border {border:1px solid #7486cd;}

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

#020305
```
#020305 rgb(2,3,5)
```
#070a14
```
#070a14 rgb(7,10,20)
```
#0c1122
```
#0c1122 rgb(12,17,34)
```
#111831
```
#111831 rgb(17,24,49)
```
#171f3f
```
#171f3f rgb(23,31,63)
```
#1c264d
```
#1c264d rgb(28,38,77)
```
#212d5c
```
#212d5c rgb(33,45,92)
```
#26346a
```
#26346a rgb(38,52,106)
```
#2b3b79
```
#2b3b79 rgb(43,59,121)
```
#314287
```
#314287 rgb(49,66,135)
```
#364996
```
#364996 rgb(54,73,150)
```
#3b50a4
```
#3b50a4 rgb(59,80,164)
```
#4057b2
```
#4057b2 rgb(64,87,178)
```

Shade Color Variation

#4960bd
```
#4960bd rgb(73,96,189)
```
#576dc3
```
#576dc3 rgb(87,109,195)
```
#6679c8
```
#6679c8 rgb(102,121,200)
```
#7486cd
```
#7486cd rgb(116,134,205)
```
#8293d2
```
#8293d2 rgb(130,147,210)
```
#919fd7
```
#919fd7 rgb(145,159,215)
```
#9facdd
```
#9facdd rgb(159,172,221)
```
#aeb8e2
```
#aeb8e2 rgb(174,184,226)
```
#bcc5e7
```
#bcc5e7 rgb(188,197,231)
```
#cbd1ec
```
#cbd1ec rgb(203,209,236)
```
#d9def1
```
#d9def1 rgb(217,222,241)
```
#e7eaf7
```
#e7eaf7 rgb(231,234,247)
```
#f6f7fc
```
#f6f7fc rgb(246,247,252)
```

Tint Color Variation

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

#a0a0a1
```
#a0a0a1 rgb(160,160,161)
```
#989ca9
```
#989ca9 rgb(152,156,169)
```
#9197b0
```
#9197b0 rgb(145,151,176)
```
#8a93b7
```
#8a93b7 rgb(138,147,183)
```
#838fbe
```
#838fbe rgb(131,143,190)
```
#7b8ac6
```
#7b8ac6 rgb(123,138,198)
```
#7486cd
```
#7486cd rgb(116,134,205)
```
#6d82d4
```
#6d82d4 rgb(109,130,212)
```
#657ddc
```
#657ddc rgb(101,125,220)
```
#5e79e3
```
#5e79e3 rgb(94,121,227)
```
#5775ea
```
#5775ea rgb(87,117,234)
```
#5070f1
```
#5070f1 rgb(80,112,241)
```
#486cf9
```
#486cf9 rgb(72,108,249)
```

Tone Color Variation

Below, you can see how #7486cd 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
#858897 Atypical Achromatopsia 0.001% of the population

Dichromacy

#768dd0 Protanopia 1% of men
#708ece Deuteranopia 1% of men
#6b96a1 Tritanopia 0.001% of the population

Trichromacy

#758acf Protanomaly 1% of men, 0.01% of women
#718bce Deuteranomaly 6% of men, 0.4% of women
#6e90b1 Tritanomaly 0.01% of the population

#7486cd hex color

#7486cd Color Information

#7486cd Color Conversion

Color Schemes with #7486cd

Alternatives to #7486cd

#7486cd Preview

Shades and Tints of #7486cd

Tones of #7486cd

Color Blindness Simulator