#747aa0 hex color

In a RGB color space, hex #747aa0 is composed of 45.5% red, 47.8% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 27.5% cyan, 23.8% magenta, 0% yellow and 37.3% black. It has a hue angle of 231.8 degrees, a saturation of 18.8% and a lightness of 54.1%. #747aa0 color hex could be obtained by blending #e8f4ff with #000041. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 45
- G 48
- B 63
RGB color chart
- C 28
- M 24
- Y 0
- K 37
CMYK color chart

● #747aa0 color description : Mostly desaturated dark blue.

The hexadecimal color #747aa0 has RGB values of R:116, G:122, B:160 and CMYK values of C:0.28, M:0.24, Y:0, K:0.37. Its decimal value is 7633568.

Hex triplet	747aa0	`#747aa0`
RGB Decimal	116, 122, 160	`rgb(116,122,160)`
RGB Percent	45.5, 47.8, 62.7	`rgb(45.5%,47.8%,62.7%)`
CMYK	28, 24, 0, 37
HSL	231.8°, 18.8, 54.1	`hsl(231.8,18.8%,54.1%)`
HSV (or HSB)	231.8°, 27.5, 62.7
Web Safe	666699	`#666699`

CIE-LAB	52.029, 6.655, -21.093
XYZ	20.506, 20.17, 36.069
xyY	0.267, 0.263, 20.17
CIE-LCH	52.029, 22.118, 287.51
CIE-LUV	52.029, -5.17, -32.067
Hunter-Lab	44.911, 2.908, -16.179
Binary	01110100, 01111010, 10100000

#747aa0
```
#747aa0 rgb(116,122,160)
```
#a09a74
```
#a09a74 rgb(160,154,116)
```

Complementary Color

#7490a0
```
#7490a0 rgb(116,144,160)
```
#747aa0
```
#747aa0 rgb(116,122,160)
```
#8474a0
```
#8474a0 rgb(132,116,160)
```

Analogous Color

#90a074
```
#90a074 rgb(144,160,116)
```
#747aa0
```
#747aa0 rgb(116,122,160)
```
#a08474
```
#a08474 rgb(160,132,116)
```

Split Complementary Color

#7aa074
```
#7aa074 rgb(122,160,116)
```
#747aa0
```
#747aa0 rgb(116,122,160)
```
#a0747a
```
#a0747a rgb(160,116,122)
```

Triadic Color

#74a09a
```
#74a09a rgb(116,160,154)
```
#747aa0
```
#747aa0 rgb(116,122,160)
```
#a0747a
```
#a0747a rgb(160,116,122)
```
#a09a74
```
#a09a74 rgb(160,154,116)
```

Tetradic Color

#515677
```
#515677 rgb(81,86,119)
```
#5b6186
```
#5b6186 rgb(91,97,134)
```
#666c95
```
#666c95 rgb(102,108,149)
```
#747aa0
```
#747aa0 rgb(116,122,160)
```
#8388aa
```
#8388aa rgb(131,136,170)
```
#9297b5
```
#9297b5 rgb(146,151,181)
```
#a1a5bf
```
#a1a5bf rgb(161,165,191)
```

Monochromatic Color

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

#7485a0
```
#7485a0 rgb(116,133,160)
```
#7481a0
```
#7481a0 rgb(116,129,160)
```
#747ea0
```
#747ea0 rgb(116,126,160)
```
#747aa0
```
#747aa0 rgb(116,122,160)
```
#7476a0
```
#7476a0 rgb(116,118,160)
```
#7574a0
```
#7574a0 rgb(117,116,160)
```
#7974a0
```
#7974a0 rgb(121,116,160)
```

Similar Colors

Text with hexadecimal color #747aa0

This text has a font color of #747aa0.

<span style="color:#747aa0;">Text here</span>

#747aa0 background color

This paragraph has a background color of #747aa0.

<p style="background-color:#747aa0;">Content here</p>

#747aa0 border color

This element has a border color of #747aa0.

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

CSS codes

.text {color:#747aa0;}

.background {background-color:#747aa0;}

.border {border:1px solid #747aa0;}

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

#010101
```
#010101 rgb(1,1,1)
```
#09090c
```
#09090c rgb(9,9,12)
```
#101218
```
#101218 rgb(16,18,24)
```
#181a24
```
#181a24 rgb(24,26,36)
```
#20222f
```
#20222f rgb(32,34,47)
```
#282b3b
```
#282b3b rgb(40,43,59)
```
#303347
```
#303347 rgb(48,51,71)
```
#383c52
```
#383c52 rgb(56,60,82)
```
#40445e
```
#40445e rgb(64,68,94)
```
#484d6a
```
#484d6a rgb(72,77,106)
```
#505575
```
#505575 rgb(80,85,117)
```
#585e81
```
#585e81 rgb(88,94,129)
```
#60668d
```
#60668d rgb(96,102,141)
```

Shade Color Variation

#686f98
```
#686f98 rgb(104,111,152)
```
#747aa0
```
#747aa0 rgb(116,122,160)
```
#8085a8
```
#8085a8 rgb(128,133,168)
```
#8b90b0
```
#8b90b0 rgb(139,144,176)
```
#979bb8
```
#979bb8 rgb(151,155,184)
```
#a3a7c0
```
#a3a7c0 rgb(163,167,192)
```
#aeb2c8
```
#aeb2c8 rgb(174,178,200)
```
#babdd0
```
#babdd0 rgb(186,189,208)
```
#c6c8d8
```
#c6c8d8 rgb(198,200,216)
```
#d1d3e0
```
#d1d3e0 rgb(209,211,224)
```
#dddee8
```
#dddee8 rgb(221,222,232)
```
#e9e9f0
```
#e9e9f0 rgb(233,233,240)
```
#f4f5f8
```
#f4f5f8 rgb(244,245,248)
```

Tint Color Variation

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

#86878e
```
#86878e rgb(134,135,142)
```
#7d8197
```
#7d8197 rgb(125,129,151)
```
#747aa0
```
#747aa0 rgb(116,122,160)
```
#6b73a9
```
#6b73a9 rgb(107,115,169)
```
#626db2
```
#626db2 rgb(98,109,178)
```
#5966bb
```
#5966bb rgb(89,102,187)
```
#5060c4
```
#5060c4 rgb(80,96,196)
```
#4759cd
```
#4759cd rgb(71,89,205)
```
#3e53d6
```
#3e53d6 rgb(62,83,214)
```
#354cdf
```
#354cdf rgb(53,76,223)
```
#2c46e8
```
#2c46e8 rgb(44,70,232)
```
#233ff1
```
#233ff1 rgb(35,63,241)
```
#1a39fa
```
#1a39fa rgb(26,57,250)
```

Tone Color Variation

Below, you can see how #747aa0 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
#7b7c84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7881a5 Protanopia 1% of men
#7b80a5 Deuteranopia 1% of men
#75858e Tritanopia 0.001% of the population

Trichromacy

#777ea3 Protanomaly 1% of men, 0.01% of women
#787ea3 Deuteranomaly 6% of men, 0.4% of women
#758195 Tritanomaly 0.01% of the population

#747aa0 hex color

#747aa0 Color Information

#747aa0 Color Conversion

Color Schemes with #747aa0

Alternatives to #747aa0

#747aa0 Preview

Shades and Tints of #747aa0

Tones of #747aa0

Color Blindness Simulator