#787fb4 hex color

In a RGB color space, hex #787fb4 is composed of 47.1% red, 49.8% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 33.3% cyan, 29.4% magenta, 0% yellow and 29.4% black. It has a hue angle of 233 degrees, a saturation of 28.6% and a lightness of 58.8%. #787fb4 color hex could be obtained by blending #f0feff with #000069. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 47
- G 50
- B 71
RGB color chart
- C 33
- M 29
- Y 0
- K 29
CMYK color chart

● #787fb4 color description : Slightly desaturated blue.

The hexadecimal color #787fb4 has RGB values of R:120, G:127, B:180 and CMYK values of C:0.33, M:0.29, Y:0, K:0.29. Its decimal value is 7897012.

Hex triplet	787fb4	`#787fb4`
RGB Decimal	120, 127, 180	`rgb(120,127,180)`
RGB Percent	47.1, 49.8, 70.6	`rgb(47.1%,49.8%,70.6%)`
CMYK	33, 29, 0, 29
HSL	233°, 28.6, 58.8	`hsl(233,28.6%,58.8%)`
HSV (or HSB)	233°, 33.3, 70.6
Web Safe	6666cc	`#6666cc`

CIE-LAB	54.519, 10.179, -28.782
XYZ	23.572, 22.467, 46.272
xyY	0.255, 0.243, 22.467
CIE-LCH	54.519, 30.529, 289.476
CIE-LUV	54.519, -6.403, -44.963
Hunter-Lab	47.399, 5.821, -24.701
Binary	01111000, 01111111, 10110100

#787fb4
```
#787fb4 rgb(120,127,180)
```
#b4ad78
```
#b4ad78 rgb(180,173,120)
```

Complementary Color

#789db4
```
#789db4 rgb(120,157,180)
```
#787fb4
```
#787fb4 rgb(120,127,180)
```
#8f78b4
```
#8f78b4 rgb(143,120,180)
```

Analogous Color

#9db478
```
#9db478 rgb(157,180,120)
```
#787fb4
```
#787fb4 rgb(120,127,180)
```
#b48f78
```
#b48f78 rgb(180,143,120)
```

Split Complementary Color

#7fb478
```
#7fb478 rgb(127,180,120)
```
#787fb4
```
#787fb4 rgb(120,127,180)
```
#b4787f
```
#b4787f rgb(180,120,127)
```

Triadic Color

#78b4ad
```
#78b4ad rgb(120,180,173)
```
#787fb4
```
#787fb4 rgb(120,127,180)
```
#b4787f
```
#b4787f rgb(180,120,127)
```
#b4ad78
```
#b4ad78 rgb(180,173,120)
```

Tetradic Color

#505790
```
#505790 rgb(80,87,144)
```
#5961a0
```
#5961a0 rgb(89,97,160)
```
#686fab
```
#686fab rgb(104,111,171)
```
#787fb4
```
#787fb4 rgb(120,127,180)
```
#888fbd
```
#888fbd rgb(136,143,189)
```
#999ec6
```
#999ec6 rgb(153,158,198)
```
#a9aecf
```
#a9aecf rgb(169,174,207)
```

Monochromatic Color

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

#788eb4
```
#788eb4 rgb(120,142,180)
```
#7889b4
```
#7889b4 rgb(120,137,180)
```
#7884b4
```
#7884b4 rgb(120,132,180)
```
#787fb4
```
#787fb4 rgb(120,127,180)
```
#787ab4
```
#787ab4 rgb(120,122,180)
```
#7b78b4
```
#7b78b4 rgb(123,120,180)
```
#8078b4
```
#8078b4 rgb(128,120,180)
```

Similar Colors

Text with hexadecimal color #787fb4

This text has a font color of #787fb4.

<span style="color:#787fb4;">Text here</span>

#787fb4 background color

This paragraph has a background color of #787fb4.

<p style="background-color:#787fb4;">Content here</p>

#787fb4 border color

This element has a border color of #787fb4.

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

CSS codes

.text {color:#787fb4;}

.background {background-color:#787fb4;}

.border {border:1px solid #787fb4;}

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

#020204
```
#020204 rgb(2,2,4)
```
#090a10
```
#090a10 rgb(9,10,16)
```
#10121d
```
#10121d rgb(16,18,29)
```
#17192a
```
#17192a rgb(23,25,42)
```
#1e2136
```
#1e2136 rgb(30,33,54)
```
#252943
```
#252943 rgb(37,41,67)
```
#2c304f
```
#2c304f rgb(44,48,79)
```
#33385c
```
#33385c rgb(51,56,92)
```
#3a4069
```
#3a4069 rgb(58,64,105)
```
#414775
```
#414775 rgb(65,71,117)
```
#484f82
```
#484f82 rgb(72,79,130)
```
#4f578e
```
#4f578e rgb(79,87,142)
```
#565e9b
```
#565e9b rgb(86,94,155)
```

Shade Color Variation

#5f67a6
```
#5f67a6 rgb(95,103,166)
```
#6b73ad
```
#6b73ad rgb(107,115,173)
```
#787fb4
```
#787fb4 rgb(120,127,180)
```
#858bbb
```
#858bbb rgb(133,139,187)
```
#9197c2
```
#9197c2 rgb(145,151,194)
```
#9ea3c9
```
#9ea3c9 rgb(158,163,201)
```
#aaafd0
```
#aaafd0 rgb(170,175,208)
```
#b7bbd7
```
#b7bbd7 rgb(183,187,215)
```
#c4c7de
```
#c4c7de rgb(196,199,222)
```
#d0d3e5
```
#d0d3e5 rgb(208,211,229)
```
#dddfec
```
#dddfec rgb(221,223,236)
```
#e9ebf3
```
#e9ebf3 rgb(233,235,243)
```
#f6f7fa
```
#f6f7fa rgb(246,247,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #90929c is the less saturated color, while #2f47fd is the most saturated one.

#90929c
```
#90929c rgb(144,146,156)
```
#888ba4
```
#888ba4 rgb(136,139,164)
```
#8085ac
```
#8085ac rgb(128,133,172)
```
#787fb4
```
#787fb4 rgb(120,127,180)
```
#7079bc
```
#7079bc rgb(112,121,188)
```
#6873c4
```
#6873c4 rgb(104,115,196)
```
#606ccc
```
#606ccc rgb(96,108,204)
```
#5866d4
```
#5866d4 rgb(88,102,212)
```
#5060dc
```
#5060dc rgb(80,96,220)
```
#485ae4
```
#485ae4 rgb(72,90,228)
```
#3f54ed
```
#3f54ed rgb(63,84,237)
```
#374df5
```
#374df5 rgb(55,77,245)
```
#2f47fd
```
#2f47fd rgb(47,71,253)
```

Tone Color Variation

Below, you can see how #787fb4 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

#838383 Achromatopsia 0.005% of the population
#81828d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7887b8 Protanopia 1% of men
#7987b7 Deuteranopia 1% of men
#758c96 Tritanopia 0.001% of the population

Trichromacy

#7884b7 Protanomaly 1% of men, 0.01% of women
#7884b6 Deuteranomaly 6% of men, 0.4% of women
#7687a1 Tritanomaly 0.01% of the population

#787fb4 hex color

#787fb4 Color Information

#787fb4 Color Conversion

Color Schemes with #787fb4

Alternatives to #787fb4

#787fb4 Preview

Shades and Tints of #787fb4

Tones of #787fb4

Color Blindness Simulator