#787df2 hex color

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

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

● #787df2 color description : Soft blue.

The hexadecimal color #787df2 has RGB values of R:120, G:125, B:242 and CMYK values of C:0.5, M:0.48, Y:0, K:0.05. Its decimal value is 7896562.

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

CIE-LAB	57.144, 29.281, -59.62
XYZ	31.103, 25.07, 87.2
xyY	0.217, 0.175, 25.07
CIE-LCH	57.144, 66.422, 296.157
CIE-LUV	57.144, -8.768, -97.276
Hunter-Lab	50.07, 23.261, -68.208
Binary	01111000, 01111101, 11110010

#787df2
```
#787df2 rgb(120,125,242)
```
#f2ed78
```
#f2ed78 rgb(242,237,120)
```

Complementary Color

#78baf2
```
#78baf2 rgb(120,186,242)
```
#787df2
```
#787df2 rgb(120,125,242)
```
#b078f2
```
#b078f2 rgb(176,120,242)
```

Analogous Color

#baf278
```
#baf278 rgb(186,242,120)
```
#787df2
```
#787df2 rgb(120,125,242)
```
#f2b078
```
#f2b078 rgb(242,176,120)
```

Split Complementary Color

#7df278
```
#7df278 rgb(125,242,120)
```
#787df2
```
#787df2 rgb(120,125,242)
```
#f2787d
```
#f2787d rgb(242,120,125)
```

Triadic Color

#78f2ed
```
#78f2ed rgb(120,242,237)
```
#787df2
```
#787df2 rgb(120,125,242)
```
#f2787d
```
#f2787d rgb(242,120,125)
```
#f2ed78
```
#f2ed78 rgb(242,237,120)
```

Tetradic Color

#323aeb
```
#323aeb rgb(50,58,235)
```
#4950ee
```
#4950ee rgb(73,80,238)
```
#6167f0
```
#6167f0 rgb(97,103,240)
```
#787df2
```
#787df2 rgb(120,125,242)
```
#8f93f4
```
#8f93f4 rgb(143,147,244)
```
#a7aaf6
```
#a7aaf6 rgb(167,170,246)
```
#bec0f9
```
#bec0f9 rgb(190,192,249)
```

Monochromatic Color

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

#789cf2
```
#789cf2 rgb(120,156,242)
```
#7891f2
```
#7891f2 rgb(120,145,242)
```
#7887f2
```
#7887f2 rgb(120,135,242)
```
#787df2
```
#787df2 rgb(120,125,242)
```
#7d78f2
```
#7d78f2 rgb(125,120,242)
```
#8778f2
```
#8778f2 rgb(135,120,242)
```
#9278f2
```
#9278f2 rgb(146,120,242)
```

Similar Colors

Text with hexadecimal color #787df2

This text has a font color of #787df2.

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

#787df2 background color

This paragraph has a background color of #787df2.

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

#787df2 border color

This element has a border color of #787df2.

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

CSS codes

.text {color:#787df2;}

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

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

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

#010108
```
#010108 rgb(1,1,8)
```
#03031a
```
#03031a rgb(3,3,26)
```
#04062c
```
#04062c rgb(4,6,44)
```
#06083e
```
#06083e rgb(6,8,62)
```
#080b50
```
#080b50 rgb(8,11,80)
```
#090d62
```
#090d62 rgb(9,13,98)
```
#0b0f73
```
#0b0f73 rgb(11,15,115)
```
#0d1285
```
#0d1285 rgb(13,18,133)
```
#0f1497
```
#0f1497 rgb(15,20,151)
```
#1017a9
```
#1017a9 rgb(16,23,169)
```
#1219bb
```
#1219bb rgb(18,25,187)
```
#141bcd
```
#141bcd rgb(20,27,205)
```
#151edf
```
#151edf rgb(21,30,223)
```

Shade Color Variation

#1f27e9
```
#1f27e9 rgb(31,39,233)
```
#3038eb
```
#3038eb rgb(48,56,235)
```
#4249ed
```
#4249ed rgb(66,73,237)
```
#545bef
```
#545bef rgb(84,91,239)
```
#666cf0
```
#666cf0 rgb(102,108,240)
```
#787df2
```
#787df2 rgb(120,125,242)
```
#8a8ef4
```
#8a8ef4 rgb(138,142,244)
```
#9c9ff5
```
#9c9ff5 rgb(156,159,245)
```
#aeb1f7
```
#aeb1f7 rgb(174,177,247)
```
#c0c2f9
```
#c0c2f9 rgb(192,194,249)
```
#d1d3fb
```
#d1d3fb rgb(209,211,251)
```
#e3e4fc
```
#e3e4fc rgb(227,228,252)
```
#f5f6fe
```
#f5f6fe rgb(245,246,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 #6d73fd is the most saturated one.

#b1b1b9
```
#b1b1b9 rgb(177,177,185)
```
#abacbf
```
#abacbf rgb(171,172,191)
```
#a6a7c4
```
#a6a7c4 rgb(166,167,196)
```
#a0a2ca
```
#a0a2ca rgb(160,162,202)
```
#9a9cd0
```
#9a9cd0 rgb(154,156,208)
```
#9497d6
```
#9497d6 rgb(148,151,214)
```
#8f92db
```
#8f92db rgb(143,146,219)
```
#898de1
```
#898de1 rgb(137,141,225)
```
#8387e7
```
#8387e7 rgb(131,135,231)
```
#7e82ec
```
#7e82ec rgb(126,130,236)
```
#787df2
```
#787df2 rgb(120,125,242)
```
#7278f8
```
#7278f8 rgb(114,120,248)
```
#6d73fd
```
#6d73fd rgb(109,115,253)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#86879e Atypical Achromatopsia 0.001% of the population

Dichromacy

#508bf9 Protanopia 1% of men
#3691ed Deuteranopia 1% of men
#5e97a3 Tritanopia 0.001% of the population

Trichromacy

#5f86f6 Protanomaly 1% of men, 0.01% of women
#4e89ee Deuteranomaly 6% of men, 0.4% of women
#678ebf Tritanomaly 0.01% of the population

#787df2 hex color

#787df2 Color Information

#787df2 Color Conversion

Color Schemes with #787df2

Alternatives to #787df2

#787df2 Preview

Shades and Tints of #787df2

Tones of #787df2

Color Blindness Simulator