#757a8e hex color

In a RGB color space, hex #757a8e is composed of 45.9% red, 47.8% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 17.6% cyan, 14.1% magenta, 0% yellow and 44.3% black. It has a hue angle of 228 degrees, a saturation of 10% and a lightness of 50.8%. #757a8e color hex could be obtained by blending #eaf4ff with #00001d. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 46
- G 48
- B 56
RGB color chart
- C 18
- M 14
- Y 0
- K 44
CMYK color chart

● #757a8e color description : Dark grayish blue.

The hexadecimal color #757a8e has RGB values of R:117, G:122, B:142 and CMYK values of C:0.18, M:0.14, Y:0, K:0.44. Its decimal value is 7699086.

Hex triplet	757a8e	`#757a8e`
RGB Decimal	117, 122, 142	`rgb(117,122,142)`
RGB Percent	45.9, 47.8, 55.7	`rgb(45.9%,47.8%,55.7%)`
CMYK	18, 14, 0, 44
HSL	228°, 10, 50.8	`hsl(228,10%,50.8%)`
HSV (or HSB)	228°, 17.6, 55.7
Web Safe	666699	`#666699`

CIE-LAB	51.443, 2.555, -11.463
XYZ	19.177, 19.654, 28.373
xyY	0.285, 0.292, 19.654
CIE-LCH	51.443, 11.745, 282.565
CIE-LUV	51.443, -3.77, -16.807
Hunter-Lab	44.333, -0.367, -6.913
Binary	01110101, 01111010, 10001110

#757a8e
```
#757a8e rgb(117,122,142)
```
#8e8975
```
#8e8975 rgb(142,137,117)
```

Complementary Color

#75878e
```
#75878e rgb(117,135,142)
```
#757a8e
```
#757a8e rgb(117,122,142)
```
#7d758e
```
#7d758e rgb(125,117,142)
```

Analogous Color

#878e75
```
#878e75 rgb(135,142,117)
```
#757a8e
```
#757a8e rgb(117,122,142)
```
#8e7d75
```
#8e7d75 rgb(142,125,117)
```

Split Complementary Color

#7a8e75
```
#7a8e75 rgb(122,142,117)
```
#757a8e
```
#757a8e rgb(117,122,142)
```
#8e757a
```
#8e757a rgb(142,117,122)
```

Triadic Color

#758e89
```
#758e89 rgb(117,142,137)
```
#757a8e
```
#757a8e rgb(117,122,142)
```
#8e757a
```
#8e757a rgb(142,117,122)
```
#8e8975
```
#8e8975 rgb(142,137,117)
```

Tetradic Color

#525664
```
#525664 rgb(82,86,100)
```
#5e6272
```
#5e6272 rgb(94,98,114)
```
#696e80
```
#696e80 rgb(105,110,128)
```
#757a8e
```
#757a8e rgb(117,122,142)
```
#838899
```
#838899 rgb(131,136,153)
```
#9195a5
```
#9195a5 rgb(145,149,165)
```
#9fa3b0
```
#9fa3b0 rgb(159,163,176)
```

Monochromatic Color

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

#75808e
```
#75808e rgb(117,128,142)
```
#757e8e
```
#757e8e rgb(117,126,142)
```
#757c8e
```
#757c8e rgb(117,124,142)
```
#757a8e
```
#757a8e rgb(117,122,142)
```
#75788e
```
#75788e rgb(117,120,142)
```
#75768e
```
#75768e rgb(117,118,142)
```
#76758e
```
#76758e rgb(118,117,142)
```

Similar Colors

Text with hexadecimal color #757a8e

This text has a font color of #757a8e.

<span style="color:#757a8e;">Text here</span>

#757a8e background color

This paragraph has a background color of #757a8e.

<p style="background-color:#757a8e;">Content here</p>

#757a8e border color

This element has a border color of #757a8e.

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

CSS codes

.text {color:#757a8e;}

.background {background-color:#757a8e;}

.border {border:1px solid #757a8e;}

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

#020202
```
#020202 rgb(2,2,2)
```
#0b0b0d
```
#0b0b0d rgb(11,11,13)
```
#131418
```
#131418 rgb(19,20,24)
```
#1c1e23
```
#1c1e23 rgb(28,30,35)
```
#25272d
```
#25272d rgb(37,39,45)
```
#2e3038
```
#2e3038 rgb(46,48,56)
```
#373943
```
#373943 rgb(55,57,67)
```
#40424e
```
#40424e rgb(64,66,78)
```
#484c58
```
#484c58 rgb(72,76,88)
```
#515563
```
#515563 rgb(81,85,99)
```
#5a5e6e
```
#5a5e6e rgb(90,94,110)
```
#636779
```
#636779 rgb(99,103,121)
```
#6c7184
```
#6c7184 rgb(108,113,132)
```

Shade Color Variation

#757a8e
```
#757a8e rgb(117,122,142)
```
#808497
```
#808497 rgb(128,132,151)
```
#8b8fa0
```
#8b8fa0 rgb(139,143,160)
```
#9599a8
```
#9599a8 rgb(149,153,168)
```
#a0a4b1
```
#a0a4b1 rgb(160,164,177)
```
#abaeba
```
#abaeba rgb(171,174,186)
```
#b6b8c3
```
#b6b8c3 rgb(182,184,195)
```
#c0c3cc
```
#c0c3cc rgb(192,195,204)
```
#cbcdd5
```
#cbcdd5 rgb(203,205,213)
```
#d6d8dd
```
#d6d8dd rgb(214,216,221)
```
#e1e2e6
```
#e1e2e6 rgb(225,226,230)
```
#ececef
```
#ececef rgb(236,236,239)
```
#f6f7f8
```
#f6f7f8 rgb(246,247,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f8084 is the less saturated color, while #0b3af8 is the most saturated one.

#7f8084
```
#7f8084 rgb(127,128,132)
```
#757a8e
```
#757a8e rgb(117,122,142)
```
#6b7498
```
#6b7498 rgb(107,116,152)
```
#626ea1
```
#626ea1 rgb(98,110,161)
```
#5869ab
```
#5869ab rgb(88,105,171)
```
#4e63b5
```
#4e63b5 rgb(78,99,181)
```
#455dbe
```
#455dbe rgb(69,93,190)
```
#3b57c8
```
#3b57c8 rgb(59,87,200)
```
#3151d2
```
#3151d2 rgb(49,81,210)
```
#284cdb
```
#284cdb rgb(40,76,219)
```
#1e46e5
```
#1e46e5 rgb(30,70,229)
```
#1440ef
```
#1440ef rgb(20,64,239)
```
#0b3af8
```
#0b3af8 rgb(11,58,248)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#7a7b7f Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d8093 Protanopia 1% of men
#837e94 Deuteranopia 1% of men
#7a828b Tritanopia 0.001% of the population

Trichromacy

#7a7e91 Protanomaly 1% of men, 0.01% of women
#7e7c92 Deuteranomaly 6% of men, 0.4% of women
#787f8c Tritanomaly 0.01% of the population

#757a8e hex color

#757a8e Color Information

#757a8e Color Conversion

Color Schemes with #757a8e

Alternatives to #757a8e

#757a8e Preview

Shades and Tints of #757a8e

Tones of #757a8e

Color Blindness Simulator