#7486c0 hex color

In a RGB color space, hex #7486c0 is composed of 45.5% red, 52.5% green and 75.3% blue. Whereas in a CMYK color space, it is composed of 39.6% cyan, 30.2% magenta, 0% yellow and 24.7% black. It has a hue angle of 225.8 degrees, a saturation of 37.6% and a lightness of 60.4%. #7486c0 color hex could be obtained by blending #e8ffff with #000d81. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 45
- G 53
- B 75
RGB color chart
- C 40
- M 30
- Y 0
- K 25
CMYK color chart

● #7486c0 color description : Slightly desaturated blue.

The hexadecimal color #7486c0 has RGB values of R:116, G:134, B:192 and CMYK values of C:0.4, M:0.3, Y:0, K:0.25. Its decimal value is 7636672.

Hex triplet	7486c0	`#7486c0`
RGB Decimal	116, 134, 192	`rgb(116,134,192)`
RGB Percent	45.5, 52.5, 75.3	`rgb(45.5%,52.5%,75.3%)`
CMYK	40, 30, 0, 25
HSL	225.8°, 37.6, 60.4	`hsl(225.8,37.6%,60.4%)`
HSV (or HSB)	225.8°, 39.6, 75.3
Web Safe	6699cc	`#6699cc`

CIE-LAB	56.652, 8.225, -32.339
XYZ	25.24, 24.568, 53.279
xyY	0.245, 0.238, 24.568
CIE-LCH	56.652, 33.369, 284.27
CIE-LUV	56.652, -11.393, -50.761
Hunter-Lab	49.566, 4.154, -29.034
Binary	01110100, 10000110, 11000000

#7486c0
```
#7486c0 rgb(116,134,192)
```
#c0ae74
```
#c0ae74 rgb(192,174,116)
```

Complementary Color

#74acc0
```
#74acc0 rgb(116,172,192)
```
#7486c0
```
#7486c0 rgb(116,134,192)
```
#8874c0
```
#8874c0 rgb(136,116,192)
```

Analogous Color

#acc074
```
#acc074 rgb(172,192,116)
```
#7486c0
```
#7486c0 rgb(116,134,192)
```
#c08874
```
#c08874 rgb(192,136,116)
```

Split Complementary Color

#86c074
```
#86c074 rgb(134,192,116)
```
#7486c0
```
#7486c0 rgb(116,134,192)
```
#c07486
```
#c07486 rgb(192,116,134)
```

Triadic Color

#74c0ae
```
#74c0ae rgb(116,192,174)
```
#7486c0
```
#7486c0 rgb(116,134,192)
```
#c07486
```
#c07486 rgb(192,116,134)
```
#c0ae74
```
#c0ae74 rgb(192,174,116)
```

Tetradic Color

#485d9f
```
#485d9f rgb(72,93,159)
```
#5167b0
```
#5167b0 rgb(81,103,176)
```
#6277b8
```
#6277b8 rgb(98,119,184)
```
#7486c0
```
#7486c0 rgb(116,134,192)
```
#8695c8
```
#8695c8 rgb(134,149,200)
```
#97a5d0
```
#97a5d0 rgb(151,165,208)
```
#a9b4d8
```
#a9b4d8 rgb(169,180,216)
```

Monochromatic Color

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

#7499c0
```
#7499c0 rgb(116,153,192)
```
#7493c0
```
#7493c0 rgb(116,147,192)
```
#748cc0
```
#748cc0 rgb(116,140,192)
```
#7486c0
```
#7486c0 rgb(116,134,192)
```
#7480c0
```
#7480c0 rgb(116,128,192)
```
#7479c0
```
#7479c0 rgb(116,121,192)
```
#7574c0
```
#7574c0 rgb(117,116,192)
```

Similar Colors

Text with hexadecimal color #7486c0

This text has a font color of #7486c0.

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

#7486c0 background color

This paragraph has a background color of #7486c0.

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

#7486c0 border color

This element has a border color of #7486c0.

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

CSS codes

.text {color:#7486c0;}

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

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

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

#040609
```
#040609 rgb(4,6,9)
```
#0a0d17
```
#0a0d17 rgb(10,13,23)
```
#111524
```
#111524 rgb(17,21,36)
```
#171d32
```
#171d32 rgb(23,29,50)
```
#1d253f
```
#1d253f rgb(29,37,63)
```
#232d4d
```
#232d4d rgb(35,45,77)
```
#29355a
```
#29355a rgb(41,53,90)
```
#2f3d68
```
#2f3d68 rgb(47,61,104)
```
#354475
```
#354475 rgb(53,68,117)
```
#3b4c83
```
#3b4c83 rgb(59,76,131)
```
#415490
```
#415490 rgb(65,84,144)
```
#485c9e
```
#485c9e rgb(72,92,158)
```
#4e64ab
```
#4e64ab rgb(78,100,171)
```

Shade Color Variation

#596fb4
```
#596fb4 rgb(89,111,180)
```
#677aba
```
#677aba rgb(103,122,186)
```
#7486c0
```
#7486c0 rgb(116,134,192)
```
#8192c6
```
#8192c6 rgb(129,146,198)
```
#8f9dcc
```
#8f9dcc rgb(143,157,204)
```
#9ca9d2
```
#9ca9d2 rgb(156,169,210)
```
#aab5d8
```
#aab5d8 rgb(170,181,216)
```
#b7c1df
```
#b7c1df rgb(183,193,223)
```
#c5cce5
```
#c5cce5 rgb(197,204,229)
```
#d2d8eb
```
#d2d8eb rgb(210,216,235)
```
#e0e4f1
```
#e0e4f1 rgb(224,228,241)
```
#edf0f7
```
#edf0f7 rgb(237,240,247)
```
#fbfbfd
```
#fbfbfd rgb(251,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9396a1 is the less saturated color, while #3665fe is the most saturated one.

#9396a1
```
#9396a1 rgb(147,150,161)
```
#8b92a9
```
#8b92a9 rgb(139,146,169)
```
#848eb0
```
#848eb0 rgb(132,142,176)
```
#7c8ab8
```
#7c8ab8 rgb(124,138,184)
```
#7486c0
```
#7486c0 rgb(116,134,192)
```
#6c82c8
```
#6c82c8 rgb(108,130,200)
```
#647ed0
```
#647ed0 rgb(100,126,208)
```
#5d7ad7
```
#5d7ad7 rgb(93,122,215)
```
#5576df
```
#5576df rgb(85,118,223)
```
#4d72e7
```
#4d72e7 rgb(77,114,231)
```
#456def
```
#456def rgb(69,109,239)
```
#3e69f6
```
#3e69f6 rgb(62,105,246)
```
#3665fe
```
#3665fe rgb(54,101,254)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#838792 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b8cc3 Protanopia 1% of men
#798cc3 Deuteranopia 1% of men
#6f939e Tritanopia 0.001% of the population

Trichromacy

#7889c2 Protanomaly 1% of men, 0.01% of women
#778ac1 Deuteranomaly 6% of men, 0.4% of women
#718eaa Tritanomaly 0.01% of the population

#7486c0 hex color

#7486c0 Color Information

#7486c0 Color Conversion

Color Schemes with #7486c0

Alternatives to #7486c0

#7486c0 Preview

Shades and Tints of #7486c0

Tones of #7486c0

Color Blindness Simulator