#7774b3 hex color

In a RGB color space, hex #7774b3 is composed of 46.7% red, 45.5% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 33.5% cyan, 35.2% magenta, 0% yellow and 29.8% black. It has a hue angle of 242.9 degrees, a saturation of 29.3% and a lightness of 57.8%. #7774b3 color hex could be obtained by blending #eee8ff with #000067. Closest websafe color is: #6666cc.

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

● #7774b3 color description : Slightly desaturated blue.

The hexadecimal color #7774b3 has RGB values of R:119, G:116, B:179 and CMYK values of C:0.34, M:0.35, Y:0, K:0.3. Its decimal value is 7828659.

Hex triplet	7774b3	`#7774b3`
RGB Decimal	119, 116, 179	`rgb(119,116,179)`
RGB Percent	46.7, 45.5, 70.2	`rgb(46.7%,45.5%,70.2%)`
CMYK	34, 35, 0, 30
HSL	242.9°, 29.3, 57.8	`hsl(242.9,29.3%,57.8%)`
HSV (or HSB)	242.9°, 35.2, 70.2
Web Safe	6666cc	`#6666cc`

CIE-LAB	51.459, 16.17, -32.979
XYZ	21.988, 19.667, 45.283
xyY	0.253, 0.226, 19.667
CIE-LCH	51.459, 36.73, 296.12
CIE-LUV	51.459, -2.419, -51.821
Hunter-Lab	44.348, 10.895, -29.497
Binary	01110111, 01110100, 10110011

#7774b3
```
#7774b3 rgb(119,116,179)
```
#b0b374
```
#b0b374 rgb(176,179,116)
```

Complementary Color

#7491b3
```
#7491b3 rgb(116,145,179)
```
#7774b3
```
#7774b3 rgb(119,116,179)
```
#9774b3
```
#9774b3 rgb(151,116,179)
```

Analogous Color

#91b374
```
#91b374 rgb(145,179,116)
```
#7774b3
```
#7774b3 rgb(119,116,179)
```
#b39774
```
#b39774 rgb(179,151,116)
```

Split Complementary Color

#74b377
```
#74b377 rgb(116,179,119)
```
#7774b3
```
#7774b3 rgb(119,116,179)
```
#b37774
```
#b37774 rgb(179,119,116)
```

Triadic Color

#74b0b3
```
#74b0b3 rgb(116,176,179)
```
#7774b3
```
#7774b3 rgb(119,116,179)
```
#b37774
```
#b37774 rgb(179,119,116)
```
#b0b374
```
#b0b374 rgb(176,179,116)
```

Tetradic Color

#504d8d
```
#504d8d rgb(80,77,141)
```
#5a569e
```
#5a569e rgb(90,86,158)
```
#6764aa
```
#6764aa rgb(103,100,170)
```
#7774b3
```
#7774b3 rgb(119,116,179)
```
#8784bc
```
#8784bc rgb(135,132,188)
```
#9795c5
```
#9795c5 rgb(151,149,197)
```
#a7a5ce
```
#a7a5ce rgb(167,165,206)
```

Monochromatic Color

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

#7481b3
```
#7481b3 rgb(116,129,179)
```
#747cb3
```
#747cb3 rgb(116,124,179)
```
#7476b3
```
#7476b3 rgb(116,118,179)
```
#7774b3
```
#7774b3 rgb(119,116,179)
```
#7c74b3
```
#7c74b3 rgb(124,116,179)
```
#8274b3
```
#8274b3 rgb(130,116,179)
```
#8774b3
```
#8774b3 rgb(135,116,179)
```

Similar Colors

Text with hexadecimal color #7774b3

This text has a font color of #7774b3.

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

#7774b3 background color

This paragraph has a background color of #7774b3.

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

#7774b3 border color

This element has a border color of #7774b3.

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

CSS codes

.text {color:#7774b3;}

.background {background-color:#7774b3;}

.border {border:1px solid #7774b3;}

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

#000000
```
#000000 rgb(0,0,0)
```
#07070d
```
#07070d rgb(7,7,13)
```
#0f0e1a
```
#0f0e1a rgb(15,14,26)
```
#161527
```
#161527 rgb(22,21,39)
```
#1d1c33
```
#1d1c33 rgb(29,28,51)
```
#242340
```
#242340 rgb(36,35,64)
```
#2c2a4d
```
#2c2a4d rgb(44,42,77)
```
#333159
```
#333159 rgb(51,49,89)
```
#3a3866
```
#3a3866 rgb(58,56,102)
```
#413f73
```
#413f73 rgb(65,63,115)
```
#48467f
```
#48467f rgb(72,70,127)
```
#504d8c
```
#504d8c rgb(80,77,140)
```
#575399
```
#575399 rgb(87,83,153)
```

Shade Color Variation

#5e5ba5
```
#5e5ba5 rgb(94,91,165)
```
#6b67ac
```
#6b67ac rgb(107,103,172)
```
#7774b3
```
#7774b3 rgb(119,116,179)
```
#8381ba
```
#8381ba rgb(131,129,186)
```
#908dc1
```
#908dc1 rgb(144,141,193)
```
#9c9ac8
```
#9c9ac8 rgb(156,154,200)
```
#a9a7cf
```
#a9a7cf rgb(169,167,207)
```
#b5b3d6
```
#b5b3d6 rgb(181,179,214)
```
#c1c0dd
```
#c1c0dd rgb(193,192,221)
```
#cecde4
```
#cecde4 rgb(206,205,228)
```
#dad9ea
```
#dad9ea rgb(218,217,234)
```
#e7e6f1
```
#e7e6f1 rgb(231,230,241)
```
#f3f3f8
```
#f3f3f8 rgb(243,243,248)
```

Tint Color Variation

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

#8d8d9a
```
#8d8d9a rgb(141,141,154)
```
#8685a2
```
#8685a2 rgb(134,133,162)
```
#7e7cab
```
#7e7cab rgb(126,124,171)
```
#7774b3
```
#7774b3 rgb(119,116,179)
```
#706cbb
```
#706cbb rgb(112,108,187)
```
#6863c4
```
#6863c4 rgb(104,99,196)
```
#615bcc
```
#615bcc rgb(97,91,204)
```
#5953d4
```
#5953d4 rgb(89,83,212)
```
#524bdc
```
#524bdc rgb(82,75,220)
```
#4a42e5
```
#4a42e5 rgb(74,66,229)
```
#433aed
```
#433aed rgb(67,58,237)
```
#3b32f5
```
#3b32f5 rgb(59,50,245)
```
#342afd
```
#342afd rgb(52,42,253)
```

Tone Color Variation

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

#6c7fba Protanopia 1% of men
#6b80b5 Deuteranopia 1% of men
#73848d Tritanopia 0.001% of the population

Trichromacy

#707bb7 Protanomaly 1% of men, 0.01% of women
#6f7cb4 Deuteranomaly 6% of men, 0.4% of women
#747e9b Tritanomaly 0.01% of the population

#7774b3 hex color

#7774b3 Color Information

#7774b3 Color Conversion

Color Schemes with #7774b3

Alternatives to #7774b3

#7774b3 Preview

Shades and Tints of #7774b3

Tones of #7774b3

Color Blindness Simulator