#7674e5 hex color

In a RGB color space, hex #7674e5 is composed of 46.3% red, 45.5% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 48.5% cyan, 49.3% magenta, 0% yellow and 10.2% black. It has a hue angle of 241.1 degrees, a saturation of 68.5% and a lightness of 67.6%. #7674e5 color hex could be obtained by blending #ece8ff with #0000cb. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 46
- G 45
- B 90
RGB color chart
- C 48
- M 49
- Y 0
- K 10
CMYK color chart

● #7674e5 color description : Soft blue.

The hexadecimal color #7674e5 has RGB values of R:118, G:116, B:229 and CMYK values of C:0.48, M:0.49, Y:0, K:0.1. Its decimal value is 7763173.

Hex triplet	7674e5	`#7674e5`
RGB Decimal	118, 116, 229	`rgb(118,116,229)`
RGB Percent	46.3, 45.5, 89.8	`rgb(46.3%,45.5%,89.8%)`
CMYK	48, 49, 0, 10
HSL	241.1°, 68.5, 67.6	`hsl(241.1,68.5%,67.6%)`
HSV (or HSB)	241.1°, 49.3, 89.8
Web Safe	6666cc	`#6666cc`

CIE-LAB	54.026, 30.29, -57.377
XYZ	27.857, 21.999, 76.903
xyY	0.22, 0.174, 21.999
CIE-LCH	54.026, 64.882, 297.83
CIE-LUV	54.026, -5.979, -92.662
Hunter-Lab	46.903, 23.936, -64.381
Binary	01110110, 01110100, 11100101

#7674e5
```
#7674e5 rgb(118,116,229)
```
#e3e574
```
#e3e574 rgb(227,229,116)
```

Complementary Color

#74abe5
```
#74abe5 rgb(116,171,229)
```
#7674e5
```
#7674e5 rgb(118,116,229)
```
#af74e5
```
#af74e5 rgb(175,116,229)
```

Analogous Color

#abe574
```
#abe574 rgb(171,229,116)
```
#7674e5
```
#7674e5 rgb(118,116,229)
```
#e5af74
```
#e5af74 rgb(229,175,116)
```

Split Complementary Color

#74e576
```
#74e576 rgb(116,229,118)
```
#7674e5
```
#7674e5 rgb(118,116,229)
```
#e57674
```
#e57674 rgb(229,118,116)
```

Triadic Color

#74e3e5
```
#74e3e5 rgb(116,227,229)
```
#7674e5
```
#7674e5 rgb(118,116,229)
```
#e57674
```
#e57674 rgb(229,118,116)
```
#e3e574
```
#e3e574 rgb(227,229,116)
```

Tetradic Color

#3634d9
```
#3634d9 rgb(54,52,217)
```
#4c49dd
```
#4c49dd rgb(76,73,221)
```
#615fe1
```
#615fe1 rgb(97,95,225)
```
#7674e5
```
#7674e5 rgb(118,116,229)
```
#8b89e9
```
#8b89e9 rgb(139,137,233)
```
#a09fed
```
#a09fed rgb(160,159,237)
```
#b6b4f1
```
#b6b4f1 rgb(182,180,241)
```

Monochromatic Color

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

#748ee5
```
#748ee5 rgb(116,142,229)
```
#7485e5
```
#7485e5 rgb(116,133,229)
```
#747be5
```
#747be5 rgb(116,123,229)
```
#7674e5
```
#7674e5 rgb(118,116,229)
```
#7f74e5
```
#7f74e5 rgb(127,116,229)
```
#8974e5
```
#8974e5 rgb(137,116,229)
```
#9274e5
```
#9274e5 rgb(146,116,229)
```

Similar Colors

Text with hexadecimal color #7674e5

This text has a font color of #7674e5.

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

#7674e5 background color

This paragraph has a background color of #7674e5.

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

#7674e5 border color

This element has a border color of #7674e5.

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

CSS codes

.text {color:#7674e5;}

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

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

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, #02020a is the darkest color, while #f8f8fe is the lightest one.

#02020a
```
#02020a rgb(2,2,10)
```
#05051a
```
#05051a rgb(5,5,26)
```
#09082b
```
#09082b rgb(9,8,43)
```
#0c0b3b
```
#0c0b3b rgb(12,11,59)
```
#0f0e4c
```
#0f0e4c rgb(15,14,76)
```
#13115c
```
#13115c rgb(19,17,92)
```
#16146d
```
#16146d rgb(22,20,109)
```
#19177d
```
#19177d rgb(25,23,125)
```
#1d1b8e
```
#1d1b8e rgb(29,27,142)
```
#201e9e
```
#201e9e rgb(32,30,158)
```
#2321af
```
#2321af rgb(35,33,175)
```
#2724bf
```
#2724bf rgb(39,36,191)
```
#2a27d0
```
#2a27d0 rgb(42,39,208)
```

Shade Color Variation

#3532d9
```
#3532d9 rgb(53,50,217)
```
#4542dc
```
#4542dc rgb(69,66,220)
```
#5553df
```
#5553df rgb(85,83,223)
```
#6663e2
```
#6663e2 rgb(102,99,226)
```
#7674e5
```
#7674e5 rgb(118,116,229)
```
#8685e8
```
#8685e8 rgb(134,133,232)
```
#9795eb
```
#9795eb rgb(151,149,235)
```
#a7a6ee
```
#a7a6ee rgb(167,166,238)
```
#b7b6f1
```
#b7b6f1 rgb(183,182,241)
```
#c7c7f4
```
#c7c7f4 rgb(199,199,244)
```
#d8d7f8
```
#d8d7f8 rgb(216,215,248)
```
#e8e8fb
```
#e8e8fb rgb(232,232,251)
```
#f8f8fe
```
#f8f8fe rgb(248,248,254)
```

Tint Color Variation

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

#a7a7b2
```
#a7a7b2 rgb(167,167,178)
```
#a1a0b9
```
#a1a0b9 rgb(161,160,185)
```
#9b9abf
```
#9b9abf rgb(155,154,191)
```
#9594c5
```
#9594c5 rgb(149,148,197)
```
#8e8dcc
```
#8e8dcc rgb(142,141,204)
```
#8887d2
```
#8887d2 rgb(136,135,210)
```
#8281d8
```
#8281d8 rgb(130,129,216)
```
#7c7adf
```
#7c7adf rgb(124,122,223)
```
#7674e5
```
#7674e5 rgb(118,116,229)
```
#706eeb
```
#706eeb rgb(112,110,235)
```
#6a67f2
```
#6a67f2 rgb(106,103,242)
```
#6461f8
```
#6461f8 rgb(100,97,248)
```
#5e5bfe
```
#5e5bfe rgb(94,91,254)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#7f7e95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4984ee Protanopia 1% of men
#3389e0 Deuteranopia 1% of men
#5f8e99 Tritanopia 0.001% of the population

Trichromacy

#597eea Protanomaly 1% of men, 0.01% of women
#4b81e2 Deuteranomaly 6% of men, 0.4% of women
#6785b4 Tritanomaly 0.01% of the population

#7674e5 hex color

#7674e5 Color Information

#7674e5 Color Conversion

Color Schemes with #7674e5

Alternatives to #7674e5

#7674e5 Preview

Shades and Tints of #7674e5

Tones of #7674e5

Color Blindness Simulator