#746688 hex color

In a RGB color space, hex #746688 is composed of 45.5% red, 40% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 14.7% cyan, 25% magenta, 0% yellow and 46.7% black. It has a hue angle of 264.7 degrees, a saturation of 14.3% and a lightness of 46.7%. #746688 color hex could be obtained by blending #e8ccff with #000011. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 45
- G 40
- B 53
RGB color chart
- C 15
- M 25
- Y 0
- K 47
CMYK color chart

● #746688 color description : Dark grayish violet.

The hexadecimal color #746688 has RGB values of R:116, G:102, B:136 and CMYK values of C:0.15, M:0.25, Y:0, K:0.47. Its decimal value is 7628424.

Hex triplet	746688	`#746688`
RGB Decimal	116, 102, 136	`rgb(116,102,136)`
RGB Percent	45.5, 40, 53.3	`rgb(45.5%,40%,53.3%)`
CMYK	15, 25, 0, 47
HSL	264.7°, 14.3, 46.7	`hsl(264.7,14.3%,46.7%)`
HSV (or HSB)	264.7°, 25, 53.3
Web Safe	666699	`#666699`

CIE-LAB	45.625, 12.716, -16.741
XYZ	16.397, 14.993, 25.321
xyY	0.289, 0.264, 14.993
CIE-LCH	45.625, 21.023, 307.221
CIE-LUV	45.625, 5.274, -25.509
Hunter-Lab	38.721, 7.826, -11.667
Binary	01110100, 01100110, 10001000

#746688
```
#746688 rgb(116,102,136)
```
#7a8866
```
#7a8866 rgb(122,136,102)
```

Complementary Color

#666988
```
#666988 rgb(102,105,136)
```
#746688
```
#746688 rgb(116,102,136)
```
#856688
```
#856688 rgb(133,102,136)
```

Analogous Color

#698866
```
#698866 rgb(105,136,102)
```
#746688
```
#746688 rgb(116,102,136)
```
#888566
```
#888566 rgb(136,133,102)
```

Split Complementary Color

#668874
```
#668874 rgb(102,136,116)
```
#746688
```
#746688 rgb(116,102,136)
```
#887466
```
#887466 rgb(136,116,102)
```

Triadic Color

#667a88
```
#667a88 rgb(102,122,136)
```
#746688
```
#746688 rgb(116,102,136)
```
#887466
```
#887466 rgb(136,116,102)
```
#7a8866
```
#7a8866 rgb(122,136,102)
```

Tetradic Color

#4f455c
```
#4f455c rgb(79,69,92)
```
#5b506b
```
#5b506b rgb(91,80,107)
```
#685b79
```
#685b79 rgb(104,91,121)
```
#746688
```
#746688 rgb(116,102,136)
```
#817295
```
#817295 rgb(129,114,149)
```
#8e81a0
```
#8e81a0 rgb(142,129,160)
```
#9b8fab
```
#9b8fab rgb(155,143,171)
```

Monochromatic Color

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

#6c6688
```
#6c6688 rgb(108,102,136)
```
#6e6688
```
#6e6688 rgb(110,102,136)
```
#716688
```
#716688 rgb(113,102,136)
```
#746688
```
#746688 rgb(116,102,136)
```
#776688
```
#776688 rgb(119,102,136)
```
#7a6688
```
#7a6688 rgb(122,102,136)
```
#7d6688
```
#7d6688 rgb(125,102,136)
```

Similar Colors

Text with hexadecimal color #746688

This text has a font color of #746688.

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

#746688 background color

This paragraph has a background color of #746688.

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

#746688 border color

This element has a border color of #746688.

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

CSS codes

.text {color:#746688;}

.background {background-color:#746688;}

.border {border:1px solid #746688;}

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

#010101
```
#010101 rgb(1,1,1)
```
#0b0a0d
```
#0b0a0d rgb(11,10,13)
```
#141218
```
#141218 rgb(20,18,24)
```
#1e1a23
```
#1e1a23 rgb(30,26,35)
```
#28232e
```
#28232e rgb(40,35,46)
```
#312b3a
```
#312b3a rgb(49,43,58)
```
#3b3445
```
#3b3445 rgb(59,52,69)
```
#443c50
```
#443c50 rgb(68,60,80)
```
#4e445b
```
#4e445b rgb(78,68,91)
```
#574d66
```
#574d66 rgb(87,77,102)
```
#615572
```
#615572 rgb(97,85,114)
```
#6a5e7d
```
#6a5e7d rgb(106,94,125)
```
#746688
```
#746688 rgb(116,102,136)
```

Shade Color Variation

#7e6f93
```
#7e6f93 rgb(126,111,147)
```
#887a9b
```
#887a9b rgb(136,122,155)
```
#9285a4
```
#9285a4 rgb(146,133,164)
```
#9c90ac
```
#9c90ac rgb(156,144,172)
```
#a69cb4
```
#a69cb4 rgb(166,156,180)
```
#b0a7bd
```
#b0a7bd rgb(176,167,189)
```
#bab2c5
```
#bab2c5 rgb(186,178,197)
```
#c4bdce
```
#c4bdce rgb(196,189,206)
```
#cec8d6
```
#cec8d6 rgb(206,200,214)
```
#d8d4de
```
#d8d4de rgb(216,212,222)
```
#e2dfe7
```
#e2dfe7 rgb(226,223,231)
```
#eceaef
```
#eceaef rgb(236,234,239)
```
#f6f5f8
```
#f6f5f8 rgb(246,245,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #766f7f is the less saturated color, while #6201ed is the most saturated one.

#766f7f
```
#766f7f rgb(118,111,127)
```
#746688
```
#746688 rgb(116,102,136)
```
#725d91
```
#725d91 rgb(114,93,145)
```
#71549a
```
#71549a rgb(113,84,154)
```
#6f4ba3
```
#6f4ba3 rgb(111,75,163)
```
#6e41ad
```
#6e41ad rgb(110,65,173)
```
#6c38b6
```
#6c38b6 rgb(108,56,182)
```
#6a2fbf
```
#6a2fbf rgb(106,47,191)
```
#6926c8
```
#6926c8 rgb(105,38,200)
```
#671dd1
```
#671dd1 rgb(103,29,209)
```
#6514da
```
#6514da rgb(101,20,218)
```
#640ae4
```
#640ae4 rgb(100,10,228)
```
#6201ed
```
#6201ed rgb(98,1,237)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#6f6c73 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b7291 Protanopia 1% of men
#70718d Deuteranopia 1% of men
#777179 Tritanopia 0.001% of the population

Trichromacy

#6e6d8d Protanomaly 1% of men, 0.01% of women
#716d8b Deuteranomaly 6% of men, 0.4% of women
#766d7f Tritanomaly 0.01% of the population

#746688 hex color

#746688 Color Information

#746688 Color Conversion

Color Schemes with #746688

Alternatives to #746688

#746688 Preview

Shades and Tints of #746688

Tones of #746688

Color Blindness Simulator