#757aa3 hex color

In a RGB color space, hex #757aa3 is composed of 45.9% red, 47.8% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 28.2% cyan, 25.2% magenta, 0% yellow and 36.1% black. It has a hue angle of 233.5 degrees, a saturation of 20% and a lightness of 54.9%. #757aa3 color hex could be obtained by blending #eaf4ff with #000047. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 46
- G 48
- B 64
RGB color chart
- C 28
- M 25
- Y 0
- K 36
CMYK color chart

● #757aa3 color description : Mostly desaturated dark blue.

The hexadecimal color #757aa3 has RGB values of R:117, G:122, B:163 and CMYK values of C:0.28, M:0.25, Y:0, K:0.36. Its decimal value is 7699107.

Hex triplet	757aa3	`#757aa3`
RGB Decimal	117, 122, 163	`rgb(117,122,163)`
RGB Percent	45.9, 47.8, 63.9	`rgb(45.9%,47.8%,63.9%)`
CMYK	28, 25, 0, 36
HSL	233.5°, 20, 54.9	`hsl(233.5,20%,54.9%)`
HSV (or HSB)	233.5°, 28.2, 63.9
Web Safe	666699	`#666699`

CIE-LAB	52.225, 7.742, -22.529
XYZ	20.905, 20.345, 37.474
xyY	0.266, 0.258, 20.345
CIE-LCH	52.225, 23.822, 288.966
CIE-LUV	52.225, -4.85, -34.467
Hunter-Lab	45.105, 3.796, -17.685
Binary	01110101, 01111010, 10100011

#757aa3
```
#757aa3 rgb(117,122,163)
```
#a39e75
```
#a39e75 rgb(163,158,117)
```

Complementary Color

#7591a3
```
#7591a3 rgb(117,145,163)
```
#757aa3
```
#757aa3 rgb(117,122,163)
```
#8775a3
```
#8775a3 rgb(135,117,163)
```

Analogous Color

#91a375
```
#91a375 rgb(145,163,117)
```
#757aa3
```
#757aa3 rgb(117,122,163)
```
#a38775
```
#a38775 rgb(163,135,117)
```

Split Complementary Color

#7aa375
```
#7aa375 rgb(122,163,117)
```
#757aa3
```
#757aa3 rgb(117,122,163)
```
#a3757a
```
#a3757a rgb(163,117,122)
```

Triadic Color

#75a39e
```
#75a39e rgb(117,163,158)
```
#757aa3
```
#757aa3 rgb(117,122,163)
```
#a3757a
```
#a3757a rgb(163,117,122)
```
#a39e75
```
#a39e75 rgb(163,158,117)
```

Tetradic Color

#51567a
```
#51567a rgb(81,86,122)
```
#5c6189
```
#5c6189 rgb(92,97,137)
```
#666b99
```
#666b99 rgb(102,107,153)
```
#757aa3
```
#757aa3 rgb(117,122,163)
```
#8489ad
```
#8489ad rgb(132,137,173)
```
#9497b7
```
#9497b7 rgb(148,151,183)
```
#a3a6c2
```
#a3a6c2 rgb(163,166,194)
```

Monochromatic Color

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

#7586a3
```
#7586a3 rgb(117,134,163)
```
#7582a3
```
#7582a3 rgb(117,130,163)
```
#757ea3
```
#757ea3 rgb(117,126,163)
```
#757aa3
```
#757aa3 rgb(117,122,163)
```
#7576a3
```
#7576a3 rgb(117,118,163)
```
#7875a3
```
#7875a3 rgb(120,117,163)
```
#7c75a3
```
#7c75a3 rgb(124,117,163)
```

Similar Colors

Text with hexadecimal color #757aa3

This text has a font color of #757aa3.

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

#757aa3 background color

This paragraph has a background color of #757aa3.

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

#757aa3 border color

This element has a border color of #757aa3.

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

CSS codes

.text {color:#757aa3;}

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

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

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

#020203
```
#020203 rgb(2,2,3)
```
#0a0b0f
```
#0a0b0f rgb(10,11,15)
```
#12131b
```
#12131b rgb(18,19,27)
```
#1a1b27
```
#1a1b27 rgb(26,27,39)
```
#222332
```
#222332 rgb(34,35,50)
```
#292c3e
```
#292c3e rgb(41,44,62)
```
#31344a
```
#31344a rgb(49,52,74)
```
#393c56
```
#393c56 rgb(57,60,86)
```
#414461
```
#414461 rgb(65,68,97)
```
#494d6d
```
#494d6d rgb(73,77,109)
```
#515579
```
#515579 rgb(81,85,121)
```
#585d85
```
#585d85 rgb(88,93,133)
```
#606690
```
#606690 rgb(96,102,144)
```

Shade Color Variation

#696f9b
```
#696f9b rgb(105,111,155)
```
#757aa3
```
#757aa3 rgb(117,122,163)
```
#8185ab
```
#8185ab rgb(129,133,171)
```
#8d91b3
```
#8d91b3 rgb(141,145,179)
```
#989cbb
```
#989cbb rgb(152,156,187)
```
#a4a7c2
```
#a4a7c2 rgb(164,167,194)
```
#b0b3ca
```
#b0b3ca rgb(176,179,202)
```
#bcbed2
```
#bcbed2 rgb(188,190,210)
```
#c7c9da
```
#c7c9da rgb(199,201,218)
```
#d3d5e2
```
#d3d5e2 rgb(211,213,226)
```
#dfe0ea
```
#dfe0ea rgb(223,224,234)
```
#ebebf1
```
#ebebf1 rgb(235,235,241)
```
#f6f7f9
```
#f6f7f9 rgb(246,247,249)
```

Tint Color Variation

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

#878891
```
#878891 rgb(135,136,145)
```
#7e819a
```
#7e819a rgb(126,129,154)
```
#757aa3
```
#757aa3 rgb(117,122,163)
```
#6c73ac
```
#6c73ac rgb(108,115,172)
```
#636cb5
```
#636cb5 rgb(99,108,181)
```
#5a65be
```
#5a65be rgb(90,101,190)
```
#525ec6
```
#525ec6 rgb(82,94,198)
```
#4957cf
```
#4957cf rgb(73,87,207)
```
#4050d8
```
#4050d8 rgb(64,80,216)
```
#374ae1
```
#374ae1 rgb(55,74,225)
```
#2e43ea
```
#2e43ea rgb(46,67,234)
```
#253cf3
```
#253cf3 rgb(37,60,243)
```
#1d35fb
```
#1d35fb rgb(29,53,251)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#7b7c85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7881a8 Protanopia 1% of men
#7a81a7 Deuteranopia 1% of men
#76858f Tritanopia 0.001% of the population

Trichromacy

#777fa6 Protanomaly 1% of men, 0.01% of women
#787ea5 Deuteranomaly 6% of men, 0.4% of women
#758196 Tritanomaly 0.01% of the population

#757aa3 hex color

#757aa3 Color Information

#757aa3 Color Conversion

Color Schemes with #757aa3

Alternatives to #757aa3

#757aa3 Preview

Shades and Tints of #757aa3

Tones of #757aa3

Color Blindness Simulator