#757b8d hex color

In a RGB color space, hex #757b8d is composed of 45.9% red, 48.2% green and 55.3% blue. Whereas in a CMYK color space, it is composed of 17% cyan, 12.8% magenta, 0% yellow and 44.7% black. It has a hue angle of 225 degrees, a saturation of 9.5% and a lightness of 50.6%. #757b8d color hex could be obtained by blending #eaf6ff with #00001b. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 46
- G 48
- B 55
RGB color chart
- C 17
- M 13
- Y 0
- K 45
CMYK color chart

● #757b8d color description : Dark grayish blue.

The hexadecimal color #757b8d has RGB values of R:117, G:123, B:141 and CMYK values of C:0.17, M:0.13, Y:0, K:0.45. Its decimal value is 7699341.

Hex triplet	757b8d	`#757b8d`
RGB Decimal	117, 123, 141	`rgb(117,123,141)`
RGB Percent	45.9, 48.2, 55.3	`rgb(45.9%,48.2%,55.3%)`
CMYK	17, 13, 0, 45
HSL	225°, 9.5, 50.6	`hsl(225,9.5%,50.6%)`
HSV (or HSB)	225°, 17, 55.3
Web Safe	666699	`#666699`

CIE-LAB	51.691, 1.737, -10.506
XYZ	19.226, 19.871, 28.02
xyY	0.286, 0.296, 19.871
CIE-LCH	51.691, 10.648, 279.389
CIE-LUV	51.691, -4.184, -15.285
Hunter-Lab	44.577, -1.022, -6.065
Binary	01110101, 01111011, 10001101

#757b8d
```
#757b8d rgb(117,123,141)
```
#8d8775
```
#8d8775 rgb(141,135,117)
```

Complementary Color

#75878d
```
#75878d rgb(117,135,141)
```
#757b8d
```
#757b8d rgb(117,123,141)
```
#7b758d
```
#7b758d rgb(123,117,141)
```

Analogous Color

#878d75
```
#878d75 rgb(135,141,117)
```
#757b8d
```
#757b8d rgb(117,123,141)
```
#8d7b75
```
#8d7b75 rgb(141,123,117)
```

Split Complementary Color

#7b8d75
```
#7b8d75 rgb(123,141,117)
```
#757b8d
```
#757b8d rgb(117,123,141)
```
#8d757b
```
#8d757b rgb(141,117,123)
```

Triadic Color

#758d87
```
#758d87 rgb(117,141,135)
```
#757b8d
```
#757b8d rgb(117,123,141)
```
#8d757b
```
#8d757b rgb(141,117,123)
```
#8d8775
```
#8d8775 rgb(141,135,117)
```

Tetradic Color

#525663
```
#525663 rgb(82,86,99)
```
#5e6371
```
#5e6371 rgb(94,99,113)
```
#696f7f
```
#696f7f rgb(105,111,127)
```
#757b8d
```
#757b8d rgb(117,123,141)
```
#838899
```
#838899 rgb(131,136,153)
```
#9196a4
```
#9196a4 rgb(145,150,164)
```
#9fa3b0
```
#9fa3b0 rgb(159,163,176)
```

Monochromatic Color

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

#75818d
```
#75818d rgb(117,129,141)
```
#757f8d
```
#757f8d rgb(117,127,141)
```
#757d8d
```
#757d8d rgb(117,125,141)
```
#757b8d
```
#757b8d rgb(117,123,141)
```
#75798d
```
#75798d rgb(117,121,141)
```
#75778d
```
#75778d rgb(117,119,141)
```
#75758d
```
#75758d rgb(117,117,141)
```

Similar Colors

Text with hexadecimal color #757b8d

This text has a font color of #757b8d.

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

#757b8d background color

This paragraph has a background color of #757b8d.

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

#757b8d border color

This element has a border color of #757b8d.

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

CSS codes

.text {color:#757b8d;}

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

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

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 #f6f6f7 is the lightest one.

#010102
```
#010102 rgb(1,1,2)
```
#0a0b0c
```
#0a0b0c rgb(10,11,12)
```
#131417
```
#131417 rgb(19,20,23)
```
#1c1d22
```
#1c1d22 rgb(28,29,34)
```
#25272d
```
#25272d rgb(37,39,45)
```
#2e3037
```
#2e3037 rgb(46,48,55)
```
#373942
```
#373942 rgb(55,57,66)
```
#3f434d
```
#3f434d rgb(63,67,77)
```
#484c58
```
#484c58 rgb(72,76,88)
```
#515562
```
#515562 rgb(81,85,98)
```
#5a5f6d
```
#5a5f6d rgb(90,95,109)
```
#636878
```
#636878 rgb(99,104,120)
```
#6c7283
```
#6c7283 rgb(108,114,131)
```

Shade Color Variation

#757b8d
```
#757b8d rgb(117,123,141)
```
#808596
```
#808596 rgb(128,133,150)
```
#8a909f
```
#8a909f rgb(138,144,159)
```
#959aa8
```
#959aa8 rgb(149,154,168)
```
#a0a4b0
```
#a0a4b0 rgb(160,164,176)
```
#abaeb9
```
#abaeb9 rgb(171,174,185)
```
#b5b9c2
```
#b5b9c2 rgb(181,185,194)
```
#c0c3cb
```
#c0c3cb rgb(192,195,203)
```
#cbcdd4
```
#cbcdd4 rgb(203,205,212)
```
#d6d7dd
```
#d6d7dd rgb(214,215,221)
```
#e0e2e6
```
#e0e2e6 rgb(224,226,230)
```
#ebecef
```
#ebecef rgb(235,236,239)
```
#f6f6f7
```
#f6f6f7 rgb(246,246,247)
```

Tint Color Variation

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

#7f8083
```
#7f8083 rgb(127,128,131)
```
#757b8d
```
#757b8d rgb(117,123,141)
```
#6b7697
```
#6b7697 rgb(107,118,151)
```
#6271a0
```
#6271a0 rgb(98,113,160)
```
#586caa
```
#586caa rgb(88,108,170)
```
#4e68b4
```
#4e68b4 rgb(78,104,180)
```
#4563bd
```
#4563bd rgb(69,99,189)
```
#3b5ec7
```
#3b5ec7 rgb(59,94,199)
```
#3159d1
```
#3159d1 rgb(49,89,209)
```
#2754db
```
#2754db rgb(39,84,219)
```
#1e4fe4
```
#1e4fe4 rgb(30,79,228)
```
#144bee
```
#144bee rgb(20,75,238)
```
#0a46f8
```
#0a46f8 rgb(10,70,248)
```

Tone Color Variation

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

#7f8192 Protanopia 1% of men
#857f93 Deuteranopia 1% of men
#7a838c Tritanopia 0.001% of the population

Trichromacy

#7b7e90 Protanomaly 1% of men, 0.01% of women
#7f7d91 Deuteranomaly 6% of men, 0.4% of women
#78808c Tritanomaly 0.01% of the population

#757b8d hex color

#757b8d Color Information

#757b8d Color Conversion

Color Schemes with #757b8d

Alternatives to #757b8d

#757b8d Preview

Shades and Tints of #757b8d

Tones of #757b8d

Color Blindness Simulator