#7674b2 hex color

In a RGB color space, hex #7674b2 is composed of 46.3% red, 45.5% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 33.7% cyan, 34.8% magenta, 0% yellow and 30.2% black. It has a hue angle of 241.9 degrees, a saturation of 28.7% and a lightness of 57.6%. #7674b2 color hex could be obtained by blending #ece8ff with #000065. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 46
- G 45
- B 70
RGB color chart
- C 34
- M 35
- Y 0
- K 30
CMYK color chart

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

The hexadecimal color #7674b2 has RGB values of R:118, G:116, B:178 and CMYK values of C:0.34, M:0.35, Y:0, K:0.3. Its decimal value is 7763122.

Hex triplet	7674b2	`#7674b2`
RGB Decimal	118, 116, 178	`rgb(118,116,178)`
RGB Percent	46.3, 45.5, 69.8	`rgb(46.3%,45.5%,69.8%)`
CMYK	34, 35, 0, 30
HSL	241.9°, 28.7, 57.6	`hsl(241.9,28.7%,57.6%)`
HSV (or HSB)	241.9°, 34.8, 69.8
Web Safe	666699	`#666699`

CIE-LAB	51.332, 15.609, -32.605
XYZ	21.751, 19.556, 44.746
xyY	0.253, 0.227, 19.556
CIE-LCH	51.332, 36.148, 295.582
CIE-LUV	51.332, -2.81, -51.136
Hunter-Lab	44.223, 10.406, -29.036
Binary	01110110, 01110100, 10110010

#7674b2
```
#7674b2 rgb(118,116,178)
```
#b0b274
```
#b0b274 rgb(176,178,116)
```

Complementary Color

#7491b2
```
#7491b2 rgb(116,145,178)
```
#7674b2
```
#7674b2 rgb(118,116,178)
```
#9574b2
```
#9574b2 rgb(149,116,178)
```

Analogous Color

#91b274
```
#91b274 rgb(145,178,116)
```
#7674b2
```
#7674b2 rgb(118,116,178)
```
#b29574
```
#b29574 rgb(178,149,116)
```

Split Complementary Color

#74b276
```
#74b276 rgb(116,178,118)
```
#7674b2
```
#7674b2 rgb(118,116,178)
```
#b27674
```
#b27674 rgb(178,118,116)
```

Triadic Color

#74b0b2
```
#74b0b2 rgb(116,176,178)
```
#7674b2
```
#7674b2 rgb(118,116,178)
```
#b27674
```
#b27674 rgb(178,118,116)
```
#b0b274
```
#b0b274 rgb(176,178,116)
```

Tetradic Color

#504e8c
```
#504e8c rgb(80,78,140)
```
#59579c
```
#59579c rgb(89,87,156)
```
#6664a9
```
#6664a9 rgb(102,100,169)
```
#7674b2
```
#7674b2 rgb(118,116,178)
```
#8684bb
```
#8684bb rgb(134,132,187)
```
#9695c4
```
#9695c4 rgb(150,149,196)
```
#a7a5cd
```
#a7a5cd rgb(167,165,205)
```

Monochromatic Color

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

#7482b2
```
#7482b2 rgb(116,130,178)
```
#747cb2
```
#747cb2 rgb(116,124,178)
```
#7477b2
```
#7477b2 rgb(116,119,178)
```
#7674b2
```
#7674b2 rgb(118,116,178)
```
#7b74b2
```
#7b74b2 rgb(123,116,178)
```
#8074b2
```
#8074b2 rgb(128,116,178)
```
#8674b2
```
#8674b2 rgb(134,116,178)
```

Similar Colors

Text with hexadecimal color #7674b2

This text has a font color of #7674b2.

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

#7674b2 background color

This paragraph has a background color of #7674b2.

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

#7674b2 border color

This element has a border color of #7674b2.

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

CSS codes

.text {color:#7674b2;}

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

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

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, #07070c is the darkest color, while #ffffff is the lightest one.

#07070c
```
#07070c rgb(7,7,12)
```
#0e0e19
```
#0e0e19 rgb(14,14,25)
```
#151526
```
#151526 rgb(21,21,38)
```
#1d1c32
```
#1d1c32 rgb(29,28,50)
```
#24233f
```
#24233f rgb(36,35,63)
```
#2b2a4c
```
#2b2a4c rgb(43,42,76)
```
#323158
```
#323158 rgb(50,49,88)
```
#393865
```
#393865 rgb(57,56,101)
```
#403f71
```
#403f71 rgb(64,63,113)
```
#48467e
```
#48467e rgb(72,70,126)
```
#4f4d8b
```
#4f4d8b rgb(79,77,139)
```
#565497
```
#565497 rgb(86,84,151)
```
#5d5ba4
```
#5d5ba4 rgb(93,91,164)
```

Shade Color Variation

#6a67ab
```
#6a67ab rgb(106,103,171)
```
#7674b2
```
#7674b2 rgb(118,116,178)
```
#8281b9
```
#8281b9 rgb(130,129,185)
```
#8f8dc0
```
#8f8dc0 rgb(143,141,192)
```
#9b9ac7
```
#9b9ac7 rgb(155,154,199)
```
#a8a6ce
```
#a8a6ce rgb(168,166,206)
```
#b4b3d5
```
#b4b3d5 rgb(180,179,213)
```
#c1c0dc
```
#c1c0dc rgb(193,192,220)
```
#cdcce3
```
#cdcce3 rgb(205,204,227)
```
#dad9ea
```
#dad9ea rgb(218,217,234)
```
#e6e6f1
```
#e6e6f1 rgb(230,230,241)
```
#f2f2f8
```
#f2f2f8 rgb(242,242,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8d8d99 is the less saturated color, while #3029fd is the most saturated one.

#8d8d99
```
#8d8d99 rgb(141,141,153)
```
#8685a1
```
#8685a1 rgb(134,133,161)
```
#7e7caa
```
#7e7caa rgb(126,124,170)
```
#7674b2
```
#7674b2 rgb(118,116,178)
```
#6e6cba
```
#6e6cba rgb(110,108,186)
```
#6663c3
```
#6663c3 rgb(102,99,195)
```
#5f5bcb
```
#5f5bcb rgb(95,91,203)
```
#5753d3
```
#5753d3 rgb(87,83,211)
```
#4f4adc
```
#4f4adc rgb(79,74,220)
```
#4742e4
```
#4742e4 rgb(71,66,228)
```
#403aec
```
#403aec rgb(64,58,236)
```
#3832f4
```
#3832f4 rgb(56,50,244)
```
#3029fd
```
#3029fd rgb(48,41,253)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#7b7a87 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c7fb8 Protanopia 1% of men
#6b80b4 Deuteranopia 1% of men
#72838d Tritanopia 0.001% of the population

Trichromacy

#6f7bb6 Protanomaly 1% of men, 0.01% of women
#6f7bb3 Deuteranomaly 6% of men, 0.4% of women
#737e9a Tritanomaly 0.01% of the population

#7674b2 hex color

#7674b2 Color Information

#7674b2 Color Conversion

Color Schemes with #7674b2

Alternatives to #7674b2

#7674b2 Preview

Shades and Tints of #7674b2

Tones of #7674b2

Color Blindness Simulator