#7674a3 hex color

In a RGB color space, hex #7674a3 is composed of 46.3% red, 45.5% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 27.6% cyan, 28.8% magenta, 0% yellow and 36.1% black. It has a hue angle of 242.6 degrees, a saturation of 20.3% and a lightness of 54.7%. #7674a3 color hex could be obtained by blending #ece8ff with #000047. Closest websafe color is: #666699.

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

● #7674a3 color description : Mostly desaturated dark blue.

The hexadecimal color #7674a3 has RGB values of R:118, G:116, B:163 and CMYK values of C:0.28, M:0.29, Y:0, K:0.36. Its decimal value is 7763107.

Hex triplet	7674a3	`#7674a3`
RGB Decimal	118, 116, 163	`rgb(118,116,163)`
RGB Percent	46.3, 45.5, 63.9	`rgb(46.3%,45.5%,63.9%)`
CMYK	28, 29, 0, 36
HSL	242.6°, 20.3, 54.7	`hsl(242.6,20.3%,54.7%)`
HSV (or HSB)	242.6°, 28.8, 63.9
Web Safe	666699	`#666699`

CIE-LAB	50.671, 11.627, -24.918
XYZ	20.326, 18.986, 37.242
xyY	0.266, 0.248, 18.986
CIE-LCH	50.671, 27.498, 295.014
CIE-LUV	50.671, -1.84, -38.476
Hunter-Lab	43.573, 7.014, -20.174
Binary	01110110, 01110100, 10100011

#7674a3
```
#7674a3 rgb(118,116,163)
```
#a1a374
```
#a1a374 rgb(161,163,116)
```

Complementary Color

#748aa3
```
#748aa3 rgb(116,138,163)
```
#7674a3
```
#7674a3 rgb(118,116,163)
```
#8e74a3
```
#8e74a3 rgb(142,116,163)
```

Analogous Color

#8aa374
```
#8aa374 rgb(138,163,116)
```
#7674a3
```
#7674a3 rgb(118,116,163)
```
#a38e74
```
#a38e74 rgb(163,142,116)
```

Split Complementary Color

#74a376
```
#74a376 rgb(116,163,118)
```
#7674a3
```
#7674a3 rgb(118,116,163)
```
#a37674
```
#a37674 rgb(163,118,116)
```

Triadic Color

#74a1a3
```
#74a1a3 rgb(116,161,163)
```
#7674a3
```
#7674a3 rgb(118,116,163)
```
#a37674
```
#a37674 rgb(163,118,116)
```
#a1a374
```
#a1a374 rgb(161,163,116)
```

Tetradic Color

#52517a
```
#52517a rgb(82,81,122)
```
#5d5b89
```
#5d5b89 rgb(93,91,137)
```
#676599
```
#676599 rgb(103,101,153)
```
#7674a3
```
#7674a3 rgb(118,116,163)
```
#8583ad
```
#8583ad rgb(133,131,173)
```
#9493b7
```
#9493b7 rgb(148,147,183)
```
#a3a2c1
```
#a3a2c1 rgb(163,162,193)
```

Monochromatic Color

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

#747ea3
```
#747ea3 rgb(116,126,163)
```
#747aa3
```
#747aa3 rgb(116,122,163)
```
#7476a3
```
#7476a3 rgb(116,118,163)
```
#7674a3
```
#7674a3 rgb(118,116,163)
```
#7a74a3
```
#7a74a3 rgb(122,116,163)
```
#7e74a3
```
#7e74a3 rgb(126,116,163)
```
#8274a3
```
#8274a3 rgb(130,116,163)
```

Similar Colors

Text with hexadecimal color #7674a3

This text has a font color of #7674a3.

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

#7674a3 background color

This paragraph has a background color of #7674a3.

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

#7674a3 border color

This element has a border color of #7674a3.

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

CSS codes

.text {color:#7674a3;}

.background {background-color:#7674a3;}

.border {border:1px solid #7674a3;}

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

#020203
```
#020203 rgb(2,2,3)
```
#0a0a0e
```
#0a0a0e rgb(10,10,14)
```
#12111a
```
#12111a rgb(18,17,26)
```
#1a1926
```
#1a1926 rgb(26,25,38)
```
#222132
```
#222132 rgb(34,33,50)
```
#2a293e
```
#2a293e rgb(42,41,62)
```
#323149
```
#323149 rgb(50,49,73)
```
#3a3855
```
#3a3855 rgb(58,56,85)
```
#424061
```
#424061 rgb(66,64,97)
```
#4a486d
```
#4a486d rgb(74,72,109)
```
#525079
```
#525079 rgb(82,80,121)
```
#5a5884
```
#5a5884 rgb(90,88,132)
```
#625f90
```
#625f90 rgb(98,95,144)
```

Shade Color Variation

#6a689b
```
#6a689b rgb(106,104,155)
```
#7674a3
```
#7674a3 rgb(118,116,163)
```
#8280ab
```
#8280ab rgb(130,128,171)
```
#8d8cb3
```
#8d8cb3 rgb(141,140,179)
```
#9997ba
```
#9997ba rgb(153,151,186)
```
#a5a3c2
```
#a5a3c2 rgb(165,163,194)
```
#b0afca
```
#b0afca rgb(176,175,202)
```
#bcbbd2
```
#bcbbd2 rgb(188,187,210)
```
#c7c7da
```
#c7c7da rgb(199,199,218)
```
#d3d2e1
```
#d3d2e1 rgb(211,210,225)
```
#dfdee9
```
#dfdee9 rgb(223,222,233)
```
#eaeaf1
```
#eaeaf1 rgb(234,234,241)
```
#f6f6f9
```
#f6f6f9 rgb(246,246,249)
```

Tint Color Variation

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

#868691
```
#868691 rgb(134,134,145)
```
#7e7d9a
```
#7e7d9a rgb(126,125,154)
```
#7674a3
```
#7674a3 rgb(118,116,163)
```
#6e6bac
```
#6e6bac rgb(110,107,172)
```
#6662b5
```
#6662b5 rgb(102,98,181)
```
#5e59be
```
#5e59be rgb(94,89,190)
```
#5550c7
```
#5550c7 rgb(85,80,199)
```
#4d48cf
```
#4d48cf rgb(77,72,207)
```
#453fd8
```
#453fd8 rgb(69,63,216)
```
#3d36e1
```
#3d36e1 rgb(61,54,225)
```
#352dea
```
#352dea rgb(53,45,234)
```
#2d24f3
```
#2d24f3 rgb(45,36,243)
```
#251bfc
```
#251bfc rgb(37,27,252)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#797982 Atypical Achromatopsia 0.001% of the population

Dichromacy

#717ea9 Protanopia 1% of men
#747da6 Deuteranopia 1% of men
#76818a Tritanopia 0.001% of the population

Trichromacy

#737aa7 Protanomaly 1% of men, 0.01% of women
#747aa5 Deuteranomaly 6% of men, 0.4% of women
#767c93 Tritanomaly 0.01% of the population

#7674a3 hex color

#7674a3 Color Information

#7674a3 Color Conversion

Color Schemes with #7674a3

Alternatives to #7674a3

#7674a3 Preview

Shades and Tints of #7674a3

Tones of #7674a3

Color Blindness Simulator