#787be2 hex color

In a RGB color space, hex #787be2 is composed of 47.1% red, 48.2% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 46.9% cyan, 45.6% magenta, 0% yellow and 11.4% black. It has a hue angle of 238.3 degrees, a saturation of 64.6% and a lightness of 67.8%. #787be2 color hex could be obtained by blending #f0f6ff with #0000c5. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 47
- G 48
- B 89
RGB color chart
- C 47
- M 46
- Y 0
- K 11
CMYK color chart

● #787be2 color description : Soft blue.

The hexadecimal color #787be2 has RGB values of R:120, G:123, B:226 and CMYK values of C:0.47, M:0.46, Y:0, K:0.11. Its decimal value is 7896034.

Hex triplet	787be2	`#787be2`
RGB Decimal	120, 123, 226	`rgb(120,123,226)`
RGB Percent	47.1, 48.2, 88.6	`rgb(47.1%,48.2%,88.6%)`
CMYK	47, 46, 0, 11
HSL	238.3°, 64.6, 67.8	`hsl(238.3,64.6%,67.8%)`
HSV (or HSB)	238.3°, 46.9, 88.6
Web Safe	6666cc	`#6666cc`

CIE-LAB	55.735, 25.669, -52.955
XYZ	28.553, 23.649, 75.008
xyY	0.224, 0.186, 23.649
CIE-LCH	55.735, 58.848, 295.861
CIE-LUV	55.735, -7.307, -85.821
Hunter-Lab	48.63, 19.704, -57.408
Binary	01111000, 01111011, 11100010

#787be2
```
#787be2 rgb(120,123,226)
```
#e2df78
```
#e2df78 rgb(226,223,120)
```

Complementary Color

#78b0e2
```
#78b0e2 rgb(120,176,226)
```
#787be2
```
#787be2 rgb(120,123,226)
```
#aa78e2
```
#aa78e2 rgb(170,120,226)
```

Analogous Color

#b0e278
```
#b0e278 rgb(176,226,120)
```
#787be2
```
#787be2 rgb(120,123,226)
```
#e2aa78
```
#e2aa78 rgb(226,170,120)
```

Split Complementary Color

#7be278
```
#7be278 rgb(123,226,120)
```
#787be2
```
#787be2 rgb(120,123,226)
```
#e2787b
```
#e2787b rgb(226,120,123)
```

Triadic Color

#78e2df
```
#78e2df rgb(120,226,223)
```
#787be2
```
#787be2 rgb(120,123,226)
```
#e2787b
```
#e2787b rgb(226,120,123)
```
#e2df78
```
#e2df78 rgb(226,223,120)
```

Tetradic Color

#393dd4
```
#393dd4 rgb(57,61,212)
```
#4e52d9
```
#4e52d9 rgb(78,82,217)
```
#6366dd
```
#6366dd rgb(99,102,221)
```
#787be2
```
#787be2 rgb(120,123,226)
```
#8d90e7
```
#8d90e7 rgb(141,144,231)
```
#a2a4eb
```
#a2a4eb rgb(162,164,235)
```
#b7b9f0
```
#b7b9f0 rgb(183,185,240)
```

Monochromatic Color

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

#7896e2
```
#7896e2 rgb(120,150,226)
```
#788de2
```
#788de2 rgb(120,141,226)
```
#7884e2
```
#7884e2 rgb(120,132,226)
```
#787be2
```
#787be2 rgb(120,123,226)
```
#7e78e2
```
#7e78e2 rgb(126,120,226)
```
#8778e2
```
#8778e2 rgb(135,120,226)
```
#9078e2
```
#9078e2 rgb(144,120,226)
```

Similar Colors

Text with hexadecimal color #787be2

This text has a font color of #787be2.

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

#787be2 background color

This paragraph has a background color of #787be2.

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

#787be2 border color

This element has a border color of #787be2.

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

CSS codes

.text {color:#787be2;}

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

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

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 #f9f9fe is the lightest one.

#02020a
```
#02020a rgb(2,2,10)
```
#06061a
```
#06061a rgb(6,6,26)
```
#090a2b
```
#090a2b rgb(9,10,43)
```
#0d0e3b
```
#0d0e3b rgb(13,14,59)
```
#10124b
```
#10124b rgb(16,18,75)
```
#14165b
```
#14165b rgb(20,22,91)
```
#17196b
```
#17196b rgb(23,25,107)
```
#1a1d7b
```
#1a1d7b rgb(26,29,123)
```
#1e218b
```
#1e218b rgb(30,33,139)
```
#21259c
```
#21259c rgb(33,37,156)
```
#2529ac
```
#2529ac rgb(37,41,172)
```
#282dbc
```
#282dbc rgb(40,45,188)
```
#2c30cc
```
#2c30cc rgb(44,48,204)
```

Shade Color Variation

#373cd4
```
#373cd4 rgb(55,60,212)
```
#484cd8
```
#484cd8 rgb(72,76,216)
```
#585bdb
```
#585bdb rgb(88,91,219)
```
#686bdf
```
#686bdf rgb(104,107,223)
```
#787be2
```
#787be2 rgb(120,123,226)
```
#888be5
```
#888be5 rgb(136,139,229)
```
#989be9
```
#989be9 rgb(152,155,233)
```
#a8aaec
```
#a8aaec rgb(168,170,236)
```
#b9baf0
```
#b9baf0 rgb(185,186,240)
```
#c9caf3
```
#c9caf3 rgb(201,202,243)
```
#d9daf7
```
#d9daf7 rgb(217,218,247)
```
#e9eafa
```
#e9eafa rgb(233,234,250)
```
#f9f9fe
```
#f9f9fe rgb(249,249,254)
```

Tint Color Variation

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

#aaabb0
```
#aaabb0 rgb(170,171,176)
```
#a4a5b6
```
#a4a5b6 rgb(164,165,182)
```
#9e9fbc
```
#9e9fbc rgb(158,159,188)
```
#9899c2
```
#9899c2 rgb(152,153,194)
```
#9193c9
```
#9193c9 rgb(145,147,201)
```
#8b8dcf
```
#8b8dcf rgb(139,141,207)
```
#8587d5
```
#8587d5 rgb(133,135,213)
```
#7e81dc
```
#7e81dc rgb(126,129,220)
```
#787be2
```
#787be2 rgb(120,123,226)
```
#7275e8
```
#7275e8 rgb(114,117,232)
```
#6b6fef
```
#6b6fef rgb(107,111,239)
```
#6569f5
```
#6569f5 rgb(101,105,245)
```
#5f63fb
```
#5f63fb rgb(95,99,251)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#838498 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b88e9 Protanopia 1% of men
#4c8cdf Deuteranopia 1% of men
#65929d Tritanopia 0.001% of the population

Trichromacy

#6583e6 Protanomaly 1% of men, 0.01% of women
#5c86e0 Deuteranomaly 6% of men, 0.4% of women
#6c8ab6 Tritanomaly 0.01% of the population

#787be2 hex color

#787be2 Color Information

#787be2 Color Conversion

Color Schemes with #787be2

Alternatives to #787be2

#787be2 Preview

Shades and Tints of #787be2

Tones of #787be2

Color Blindness Simulator