colorhexa.com

#7674d1 hex color

In a RGB color space, hex #7674d1 is composed of 46.3% red, 45.5% green and 82% blue. Whereas in a CMYK color space, it is composed of 43.5% cyan, 44.5% magenta, 0% yellow and 18% black. It has a hue angle of 241.3 degrees, a saturation of 50.3% and a lightness of 63.7%. #7674d1 color hex could be obtained by blending #ece8ff with #0000a3. Closest websafe color is: #6666cc.

- R 46
- G 45
- B 82
RGB color chart
- C 44
- M 44
- Y 0
- K 18
CMYK color chart

● #7674d1 color description : Slightly desaturated blue.

The hexadecimal color #7674d1 has RGB values of R:118, G:116, B:209 and CMYK values of C:0.44, M:0.44, Y:0, K:0.18. Its decimal value is 7763153.

Hex triplet	7674d1	`#7674d1`
RGB Decimal	118, 116, 209	`rgb(118,116,209)`
RGB Percent	46.3, 45.5, 82	`rgb(46.3%,45.5%,82%)`
CMYK	44, 44, 0, 18
HSL	241.3°, 50.3, 63.7	`hsl(241.3,50.3%,63.7%)`
HSV (or HSB)	241.3°, 44.5, 82
Web Safe	6666cc	`#6666cc`

CIE-LAB	52.889, 24.372, -47.91
XYZ	25.223, 20.945, 63.032
xyY	0.231, 0.192, 20.945
CIE-LCH	52.889, 53.753, 296.962
CIE-LUV	52.889, -4.769, -76.768
Hunter-Lab	45.766, 18.287, -49.622
Binary	01110110, 01110100, 11010001

#7674d1
```
#7674d1 rgb(118,116,209)
```
#cfd174
```
#cfd174 rgb(207,209,116)
```

Complementary Color

#74a1d1
```
#74a1d1 rgb(116,161,209)
```
#7674d1
```
#7674d1 rgb(118,116,209)
```
#a574d1
```
#a574d1 rgb(165,116,209)
```

Analogous Color

#a1d174
```
#a1d174 rgb(161,209,116)
```
#7674d1
```
#7674d1 rgb(118,116,209)
```
#d1a574
```
#d1a574 rgb(209,165,116)
```

Split Complementary Color

#74d176
```
#74d176 rgb(116,209,118)
```
#7674d1
```
#7674d1 rgb(118,116,209)
```
#d17674
```
#d17674 rgb(209,118,116)
```

Triadic Color

#74cfd1
```
#74cfd1 rgb(116,207,209)
```
#7674d1
```
#7674d1 rgb(118,116,209)
```
#d17674
```
#d17674 rgb(209,118,116)
```
#cfd174
```
#cfd174 rgb(207,209,116)
```

Tetradic Color

#403ebb
```
#403ebb rgb(64,62,187)
```
#504ec4
```
#504ec4 rgb(80,78,196)
```
#6361cb
```
#6361cb rgb(99,97,203)
```
#7674d1
```
#7674d1 rgb(118,116,209)
```
#8987d7
```
#8987d7 rgb(137,135,215)
```
#9c9ade
```
#9c9ade rgb(156,154,222)
```
#afade4
```
#afade4 rgb(175,173,228)
```

Monochromatic Color

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

#7489d1
```
#7489d1 rgb(116,137,209)
```
#7482d1
```
#7482d1 rgb(116,130,209)
```
#747ad1
```
#747ad1 rgb(116,122,209)
```
#7674d1
```
#7674d1 rgb(118,116,209)
```
#7e74d1
```
#7e74d1 rgb(126,116,209)
```
#8674d1
```
#8674d1 rgb(134,116,209)
```
#8d74d1
```
#8d74d1 rgb(141,116,209)
```

Similar Colors

Text with hexadecimal color #7674d1

This text has a font color of #7674d1.

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

#7674d1 background color

This paragraph has a background color of #7674d1.

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

#7674d1 border color

This element has a border color of #7674d1.

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

CSS codes

.text {color:#7674d1;}

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

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

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

#030308
```
#030308 rgb(3,3,8)
```
#080817
```
#080817 rgb(8,8,23)
```
#0d0d26
```
#0d0d26 rgb(13,13,38)
```
#121135
```
#121135 rgb(18,17,53)
```
#171643
```
#171643 rgb(23,22,67)
```
#1c1b52
```
#1c1b52 rgb(28,27,82)
```
#212061
```
#212061 rgb(33,32,97)
```
#272570
```
#272570 rgb(39,37,112)
```
#2c2a7e
```
#2c2a7e rgb(44,42,126)
```
#312f8d
```
#312f8d rgb(49,47,141)
```
#36349c
```
#36349c rgb(54,52,156)
```
#3b38aa
```
#3b38aa rgb(59,56,170)
```
#403db9
```
#403db9 rgb(64,61,185)
```

Shade Color Variation

#4a48c2
```
#4a48c2 rgb(74,72,194)
```
#5957c7
```
#5957c7 rgb(89,87,199)
```
#6765cc
```
#6765cc rgb(103,101,204)
```
#7674d1
```
#7674d1 rgb(118,116,209)
```
#8583d6
```
#8583d6 rgb(133,131,214)
```
#9391db
```
#9391db rgb(147,145,219)
```
#a2a0e0
```
#a2a0e0 rgb(162,160,224)
```
#b0afe5
```
#b0afe5 rgb(176,175,229)
```
#bfbee9
```
#bfbee9 rgb(191,190,233)
```
#cdccee
```
#cdccee rgb(205,204,238)
```
#dcdbf3
```
#dcdbf3 rgb(220,219,243)
```
#eaeaf8
```
#eaeaf8 rgb(234,234,248)
```
#f9f9fd
```
#f9f9fd rgb(249,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9f9fa6 is the less saturated color, while #4d49fc is the most saturated one.

#9f9fa6
```
#9f9fa6 rgb(159,159,166)
```
#9898ad
```
#9898ad rgb(152,152,173)
```
#9190b5
```
#9190b5 rgb(145,144,181)
```
#8a89bc
```
#8a89bc rgb(138,137,188)
```
#8482c3
```
#8482c3 rgb(132,130,195)
```
#7d7bca
```
#7d7bca rgb(125,123,202)
```
#7674d1
```
#7674d1 rgb(118,116,209)
```
#6f6dd8
```
#6f6dd8 rgb(111,109,216)
```
#6866df
```
#6866df rgb(104,102,223)
```
#625fe6
```
#625fe6 rgb(98,95,230)
```
#5b58ed
```
#5b58ed rgb(91,88,237)
```
#5450f5
```
#5450f5 rgb(84,80,245)
```
#4d49fc
```
#4d49fc rgb(77,73,252)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#7d7d8f Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b82d9 Protanopia 1% of men
#5285cf Deuteranopia 1% of men
#688a94 Tritanopia 0.001% of the population

Trichromacy

#657cd6 Protanomaly 1% of men, 0.01% of women
#5f7fcf Deuteranomaly 6% of men, 0.4% of women
#6d82aa Tritanomaly 0.01% of the population