#7485b6 hex color

In a RGB color space, hex #7485b6 is composed of 45.5% red, 52.2% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 36.3% cyan, 26.9% magenta, 0% yellow and 28.6% black. It has a hue angle of 224.5 degrees, a saturation of 31.1% and a lightness of 58.4%. #7485b6 color hex could be obtained by blending #e8ffff with #000b6d. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 45
- G 52
- B 71
RGB color chart
- C 36
- M 27
- Y 0
- K 29
CMYK color chart

● #7485b6 color description : Slightly desaturated blue.

The hexadecimal color #7485b6 has RGB values of R:116, G:133, B:182 and CMYK values of C:0.36, M:0.27, Y:0, K:0.29. Its decimal value is 7636406.

Hex triplet	7485b6	`#7485b6`
RGB Decimal	116, 133, 182	`rgb(116,133,182)`
RGB Percent	45.5, 52.2, 71.4	`rgb(45.5%,52.2%,71.4%)`
CMYK	36, 27, 0, 29
HSL	224.5°, 31.1, 58.4	`hsl(224.5,31.1%,58.4%)`
HSV (or HSB)	224.5°, 36.3, 71.4
Web Safe	6699cc	`#6699cc`

CIE-LAB	55.952, 6.03, -27.729
XYZ	24.032, 23.865, 47.594
xyY	0.252, 0.25, 23.865
CIE-LCH	55.952, 28.377, 282.269
CIE-LUV	55.952, -10.667, -42.957
Hunter-Lab	48.852, 2.32, -23.567
Binary	01110100, 10000101, 10110110

#7485b6
```
#7485b6 rgb(116,133,182)
```
#b6a574
```
#b6a574 rgb(182,165,116)
```

Complementary Color

#74a6b6
```
#74a6b6 rgb(116,166,182)
```
#7485b6
```
#7485b6 rgb(116,133,182)
```
#8474b6
```
#8474b6 rgb(132,116,182)
```

Analogous Color

#a6b674
```
#a6b674 rgb(166,182,116)
```
#7485b6
```
#7485b6 rgb(116,133,182)
```
#b68474
```
#b68474 rgb(182,132,116)
```

Split Complementary Color

#85b674
```
#85b674 rgb(133,182,116)
```
#7485b6
```
#7485b6 rgb(116,133,182)
```
#b67485
```
#b67485 rgb(182,116,133)
```

Triadic Color

#74b6a5
```
#74b6a5 rgb(116,182,165)
```
#7485b6
```
#7485b6 rgb(116,133,182)
```
#b67485
```
#b67485 rgb(182,116,133)
```
#b6a574
```
#b6a574 rgb(182,165,116)
```

Tetradic Color

#4c5e91
```
#4c5e91 rgb(76,94,145)
```
#5569a2
```
#5569a2 rgb(85,105,162)
```
#6376ad
```
#6376ad rgb(99,118,173)
```
#7485b6
```
#7485b6 rgb(116,133,182)
```
#8594bf
```
#8594bf rgb(133,148,191)
```
#95a2c8
```
#95a2c8 rgb(149,162,200)
```
#a6b1d0
```
#a6b1d0 rgb(166,177,208)
```

Monochromatic Color

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

#7496b6
```
#7496b6 rgb(116,150,182)
```
#7490b6
```
#7490b6 rgb(116,144,182)
```
#748bb6
```
#748bb6 rgb(116,139,182)
```
#7485b6
```
#7485b6 rgb(116,133,182)
```
#7480b6
```
#7480b6 rgb(116,128,182)
```
#747ab6
```
#747ab6 rgb(116,122,182)
```
#7475b6
```
#7475b6 rgb(116,117,182)
```

Similar Colors

Text with hexadecimal color #7485b6

This text has a font color of #7485b6.

<span style="color:#7485b6;">Text here</span>

#7485b6 background color

This paragraph has a background color of #7485b6.

<p style="background-color:#7485b6;">Content here</p>

#7485b6 border color

This element has a border color of #7485b6.

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

CSS codes

.text {color:#7485b6;}

.background {background-color:#7485b6;}

.border {border:1px solid #7485b6;}

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

#010202
```
#010202 rgb(1,2,2)
```
#080a0f
```
#080a0f rgb(8,10,15)
```
#0f121c
```
#0f121c rgb(15,18,28)
```
#161b29
```
#161b29 rgb(22,27,41)
```
#1c2336
```
#1c2336 rgb(28,35,54)
```
#232b43
```
#232b43 rgb(35,43,67)
```
#2a3450
```
#2a3450 rgb(42,52,80)
```
#313c5c
```
#313c5c rgb(49,60,92)
```
#374469
```
#374469 rgb(55,68,105)
```
#3e4d76
```
#3e4d76 rgb(62,77,118)
```
#455583
```
#455583 rgb(69,85,131)
```
#4c5d90
```
#4c5d90 rgb(76,93,144)
```
#52669d
```
#52669d rgb(82,102,157)
```

Shade Color Variation

#5a6ea8
```
#5a6ea8 rgb(90,110,168)
```
#677aaf
```
#677aaf rgb(103,122,175)
```
#7485b6
```
#7485b6 rgb(116,133,182)
```
#8190bd
```
#8190bd rgb(129,144,189)
```
#8e9cc4
```
#8e9cc4 rgb(142,156,196)
```
#9ba7ca
```
#9ba7ca rgb(155,167,202)
```
#a7b2d1
```
#a7b2d1 rgb(167,178,209)
```
#b4bdd8
```
#b4bdd8 rgb(180,189,216)
```
#c1c9df
```
#c1c9df rgb(193,201,223)
```
#ced4e5
```
#ced4e5 rgb(206,212,229)
```
#dbdfec
```
#dbdfec rgb(219,223,236)
```
#e8ebf3
```
#e8ebf3 rgb(232,235,243)
```
#f5f6fa
```
#f5f6fa rgb(245,246,250)
```

Tint Color Variation

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

#959595
```
#959595 rgb(149,149,149)
```
#8c919e
```
#8c919e rgb(140,145,158)
```
#848da6
```
#848da6 rgb(132,141,166)
```
#7c89ae
```
#7c89ae rgb(124,137,174)
```
#7485b6
```
#7485b6 rgb(116,133,182)
```
#6c81be
```
#6c81be rgb(108,129,190)
```
#647dc6
```
#647dc6 rgb(100,125,198)
```
#5c79ce
```
#5c79ce rgb(92,121,206)
```
#5375d7
```
#5375d7 rgb(83,117,215)
```
#4b71df
```
#4b71df rgb(75,113,223)
```
#436de7
```
#436de7 rgb(67,109,231)
```
#3b69ef
```
#3b69ef rgb(59,105,239)
```
#3365f7
```
#3365f7 rgb(51,101,247)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#828690 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d8ab9 Protanopia 1% of men
#7d8aba Deuteranopia 1% of men
#72919b Tritanopia 0.001% of the population

Trichromacy

#7a88b8 Protanomaly 1% of men, 0.01% of women
#7a88b8 Deuteranomaly 6% of men, 0.4% of women
#738ca5 Tritanomaly 0.01% of the population

#7485b6 hex color

#7485b6 Color Information

#7485b6 Color Conversion

Color Schemes with #7485b6

Alternatives to #7485b6

#7485b6 Preview

Shades and Tints of #7485b6

Tones of #7485b6

Color Blindness Simulator