#787bf2 hex color

In a RGB color space, hex #787bf2 is composed of 47.1% red, 48.2% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 50.4% cyan, 49.2% magenta, 0% yellow and 5.1% black. It has a hue angle of 238.5 degrees, a saturation of 82.4% and a lightness of 71%. #787bf2 color hex could be obtained by blending #f0f6ff with #0000e5. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 47
- G 48
- B 95
RGB color chart
- C 50
- M 49
- Y 0
- K 5
CMYK color chart

● #787bf2 color description : Soft blue.

The hexadecimal color #787bf2 has RGB values of R:120, G:123, B:242 and CMYK values of C:0.5, M:0.49, Y:0, K:0.05. Its decimal value is 7896050.

Hex triplet	787bf2	`#787bf2`
RGB Decimal	120, 123, 242	`rgb(120,123,242)`
RGB Percent	47.1, 48.2, 94.9	`rgb(47.1%,48.2%,94.9%)`
CMYK	50, 49, 0, 5
HSL	238.5°, 82.4, 71	`hsl(238.5,82.4%,71%)`
HSV (or HSB)	238.5°, 50.4, 94.9
Web Safe	6666ff	`#6666ff`

CIE-LAB	56.653, 30.469, -60.407
XYZ	30.853, 24.569, 87.116
xyY	0.216, 0.172, 24.569
CIE-LCH	56.653, 67.656, 296.766
CIE-LUV	56.653, -8.147, -98.453
Hunter-Lab	49.567, 24.364, -69.508
Binary	01111000, 01111011, 11110010

#787bf2
```
#787bf2 rgb(120,123,242)
```
#f2ef78
```
#f2ef78 rgb(242,239,120)
```

Complementary Color

#78b8f2
```
#78b8f2 rgb(120,184,242)
```
#787bf2
```
#787bf2 rgb(120,123,242)
```
#b278f2
```
#b278f2 rgb(178,120,242)
```

Analogous Color

#b8f278
```
#b8f278 rgb(184,242,120)
```
#787bf2
```
#787bf2 rgb(120,123,242)
```
#f2b278
```
#f2b278 rgb(242,178,120)
```

Split Complementary Color

#7bf278
```
#7bf278 rgb(123,242,120)
```
#787bf2
```
#787bf2 rgb(120,123,242)
```
#f2787b
```
#f2787b rgb(242,120,123)
```

Triadic Color

#78f2ef
```
#78f2ef rgb(120,242,239)
```
#787bf2
```
#787bf2 rgb(120,123,242)
```
#f2787b
```
#f2787b rgb(242,120,123)
```
#f2ef78
```
#f2ef78 rgb(242,239,120)
```

Tetradic Color

#3237eb
```
#3237eb rgb(50,55,235)
```
#494eee
```
#494eee rgb(73,78,238)
```
#6164f0
```
#6164f0 rgb(97,100,240)
```
#787bf2
```
#787bf2 rgb(120,123,242)
```
#8f92f4
```
#8f92f4 rgb(143,146,244)
```
#a7a8f6
```
#a7a8f6 rgb(167,168,246)
```
#bebff9
```
#bebff9 rgb(190,191,249)
```

Monochromatic Color

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

#789af2
```
#789af2 rgb(120,154,242)
```
#788ff2
```
#788ff2 rgb(120,143,242)
```
#7885f2
```
#7885f2 rgb(120,133,242)
```
#787bf2
```
#787bf2 rgb(120,123,242)
```
#7f78f2
```
#7f78f2 rgb(127,120,242)
```
#8978f2
```
#8978f2 rgb(137,120,242)
```
#9478f2
```
#9478f2 rgb(148,120,242)
```

Similar Colors

Text with hexadecimal color #787bf2

This text has a font color of #787bf2.

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

#787bf2 background color

This paragraph has a background color of #787bf2.

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

#787bf2 border color

This element has a border color of #787bf2.

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

CSS codes

.text {color:#787bf2;}

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

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

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

#010108
```
#010108 rgb(1,1,8)
```
#03031a
```
#03031a rgb(3,3,26)
```
#04052c
```
#04052c rgb(4,5,44)
```
#06073e
```
#06073e rgb(6,7,62)
```
#080950
```
#080950 rgb(8,9,80)
```
#090c62
```
#090c62 rgb(9,12,98)
```
#0b0e73
```
#0b0e73 rgb(11,14,115)
```
#0d1085
```
#0d1085 rgb(13,16,133)
```
#0f1297
```
#0f1297 rgb(15,18,151)
```
#1014a9
```
#1014a9 rgb(16,20,169)
```
#1216bb
```
#1216bb rgb(18,22,187)
```
#1418cd
```
#1418cd rgb(20,24,205)
```
#151adf
```
#151adf rgb(21,26,223)
```

Shade Color Variation

#1f24e9
```
#1f24e9 rgb(31,36,233)
```
#3035eb
```
#3035eb rgb(48,53,235)
```
#4247ed
```
#4247ed rgb(66,71,237)
```
#5458ef
```
#5458ef rgb(84,88,239)
```
#666af0
```
#666af0 rgb(102,106,240)
```
#787bf2
```
#787bf2 rgb(120,123,242)
```
#8a8cf4
```
#8a8cf4 rgb(138,140,244)
```
#9c9ef5
```
#9c9ef5 rgb(156,158,245)
```
#aeaff7
```
#aeaff7 rgb(174,175,247)
```
#c0c1f9
```
#c0c1f9 rgb(192,193,249)
```
#d1d2fb
```
#d1d2fb rgb(209,210,251)
```
#e3e4fc
```
#e3e4fc rgb(227,228,252)
```
#f5f5fe
```
#f5f5fe rgb(245,245,254)
```

Tint Color Variation

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

#b1b1b9
```
#b1b1b9 rgb(177,177,185)
```
#abacbf
```
#abacbf rgb(171,172,191)
```
#a6a6c4
```
#a6a6c4 rgb(166,166,196)
```
#a0a1ca
```
#a0a1ca rgb(160,161,202)
```
#9a9bd0
```
#9a9bd0 rgb(154,155,208)
```
#9496d6
```
#9496d6 rgb(148,150,214)
```
#8f91db
```
#8f91db rgb(143,145,219)
```
#898be1
```
#898be1 rgb(137,139,225)
```
#8386e7
```
#8386e7 rgb(131,134,231)
```
#7e80ec
```
#7e80ec rgb(126,128,236)
```
#787bf2
```
#787bf2 rgb(120,123,242)
```
#7276f8
```
#7276f8 rgb(114,118,248)
```
#6d70fd
```
#6d70fd rgb(109,112,253)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#85859d Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c8afa Protanopia 1% of men
#2f90ec Deuteranopia 1% of men
#5d96a1 Tritanopia 0.001% of the population

Trichromacy

#5c84f7 Protanomaly 1% of men, 0.01% of women
#4988ee Deuteranomaly 6% of men, 0.4% of women
#678cbe Tritanomaly 0.01% of the population

#787bf2 hex color

#787bf2 Color Information

#787bf2 Color Conversion

Color Schemes with #787bf2

Alternatives to #787bf2

#787bf2 Preview

Shades and Tints of #787bf2

Tones of #787bf2

Color Blindness Simulator