#788ef2 hex color

In a RGB color space, hex #788ef2 is composed of 47.1% red, 55.7% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 50.4% cyan, 41.3% magenta, 0% yellow and 5.1% black. It has a hue angle of 229.2 degrees, a saturation of 82.4% and a lightness of 71%. #788ef2 color hex could be obtained by blending #f0ffff with #001de5. Closest websafe color is: #6699ff.

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

● #788ef2 color description : Soft blue.

The hexadecimal color #788ef2 has RGB values of R:120, G:142, B:242 and CMYK values of C:0.5, M:0.41, Y:0, K:0.05. Its decimal value is 7900914.

Hex triplet	788ef2	`#788ef2`
RGB Decimal	120, 142, 242	`rgb(120,142,242)`
RGB Percent	47.1, 55.7, 94.9	`rgb(47.1%,55.7%,94.9%)`
CMYK	50, 41, 0, 5
HSL	229.2°, 82.4, 71	`hsl(229.2,82.4%,71%)`
HSV (or HSB)	229.2°, 50.4, 94.9
Web Safe	6699ff	`#6699ff`

CIE-LAB	61.437, 19.207, -52.77
XYZ	33.442, 29.749, 87.979
xyY	0.221, 0.197, 29.749
CIE-LCH	61.437, 56.157, 290
CIE-LUV	61.437, -14.334, -86.485
Hunter-Lab	54.542, 13.998, -57.458
Binary	01111000, 10001110, 11110010

#788ef2
```
#788ef2 rgb(120,142,242)
```
#f2dc78
```
#f2dc78 rgb(242,220,120)
```

Complementary Color

#78cbf2
```
#78cbf2 rgb(120,203,242)
```
#788ef2
```
#788ef2 rgb(120,142,242)
```
#9f78f2
```
#9f78f2 rgb(159,120,242)
```

Analogous Color

#cbf278
```
#cbf278 rgb(203,242,120)
```
#788ef2
```
#788ef2 rgb(120,142,242)
```
#f29f78
```
#f29f78 rgb(242,159,120)
```

Split Complementary Color

#8ef278
```
#8ef278 rgb(142,242,120)
```
#788ef2
```
#788ef2 rgb(120,142,242)
```
#f2788e
```
#f2788e rgb(242,120,142)
```

Triadic Color

#78f2dc
```
#78f2dc rgb(120,242,220)
```
#788ef2
```
#788ef2 rgb(120,142,242)
```
#f2788e
```
#f2788e rgb(242,120,142)
```
#f2dc78
```
#f2dc78 rgb(242,220,120)
```

Tetradic Color

#3254eb
```
#3254eb rgb(50,84,235)
```
#4967ee
```
#4967ee rgb(73,103,238)
```
#617bf0
```
#617bf0 rgb(97,123,240)
```
#788ef2
```
#788ef2 rgb(120,142,242)
```
#8fa1f4
```
#8fa1f4 rgb(143,161,244)
```
#a7b5f6
```
#a7b5f6 rgb(167,181,246)
```
#bec8f9
```
#bec8f9 rgb(190,200,249)
```

Monochromatic Color

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

#78adf2
```
#78adf2 rgb(120,173,242)
```
#78a2f2
```
#78a2f2 rgb(120,162,242)
```
#7898f2
```
#7898f2 rgb(120,152,242)
```
#788ef2
```
#788ef2 rgb(120,142,242)
```
#7884f2
```
#7884f2 rgb(120,132,242)
```
#787af2
```
#787af2 rgb(120,122,242)
```
#8178f2
```
#8178f2 rgb(129,120,242)
```

Similar Colors

Text with hexadecimal color #788ef2

This text has a font color of #788ef2.

<span style="color:#788ef2;">Text here</span>

#788ef2 background color

This paragraph has a background color of #788ef2.

<p style="background-color:#788ef2;">Content here</p>

#788ef2 border color

This element has a border color of #788ef2.

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

CSS codes

.text {color:#788ef2;}

.background {background-color:#788ef2;}

.border {border:1px solid #788ef2;}

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

#010208
```
#010208 rgb(1,2,8)
```
#03071a
```
#03071a rgb(3,7,26)
```
#040b2c
```
#040b2c rgb(4,11,44)
```
#06103e
```
#06103e rgb(6,16,62)
```
#081550
```
#081550 rgb(8,21,80)
```
#091962
```
#091962 rgb(9,25,98)
```
#0b1e73
```
#0b1e73 rgb(11,30,115)
```
#0d2385
```
#0d2385 rgb(13,35,133)
```
#0f2797
```
#0f2797 rgb(15,39,151)
```
#102ca9
```
#102ca9 rgb(16,44,169)
```
#1230bb
```
#1230bb rgb(18,48,187)
```
#1435cd
```
#1435cd rgb(20,53,205)
```
#153adf
```
#153adf rgb(21,58,223)
```

Shade Color Variation

#1f43e9
```
#1f43e9 rgb(31,67,233)
```
#3052eb
```
#3052eb rgb(48,82,235)
```
#4261ed
```
#4261ed rgb(66,97,237)
```
#5470ef
```
#5470ef rgb(84,112,239)
```
#667ff0
```
#667ff0 rgb(102,127,240)
```
#788ef2
```
#788ef2 rgb(120,142,242)
```
#8a9df4
```
#8a9df4 rgb(138,157,244)
```
#9cacf5
```
#9cacf5 rgb(156,172,245)
```
#aebbf7
```
#aebbf7 rgb(174,187,247)
```
#c0caf9
```
#c0caf9 rgb(192,202,249)
```
#d1d9fb
```
#d1d9fb rgb(209,217,251)
```
#e3e8fc
```
#e3e8fc rgb(227,232,252)
```
#f5f7fe
```
#f5f7fe rgb(245,247,254)
```

Tint Color Variation

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

#b1b2b9
```
#b1b2b9 rgb(177,178,185)
```
#abafbf
```
#abafbf rgb(171,175,191)
```
#a6abc4
```
#a6abc4 rgb(166,171,196)
```
#a0a7ca
```
#a0a7ca rgb(160,167,202)
```
#9aa4d0
```
#9aa4d0 rgb(154,164,208)
```
#94a0d6
```
#94a0d6 rgb(148,160,214)
```
#8f9ddb
```
#8f9ddb rgb(143,157,219)
```
#8999e1
```
#8999e1 rgb(137,153,225)
```
#8395e7
```
#8395e7 rgb(131,149,231)
```
#7e92ec
```
#7e92ec rgb(126,146,236)
```
#788ef2
```
#788ef2 rgb(120,142,242)
```
#728af8
```
#728af8 rgb(114,138,248)
```
#6d87fd
```
#6d87fd rgb(109,135,253)
```

Tone Color Variation

Below, you can see how #788ef2 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

#939393 Achromatopsia 0.005% of the population
#8e92a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f96f5 Protanopia 1% of men
#5f9aef Deuteranopia 1% of men
#63a3af Tritanopia 0.001% of the population

Trichromacy

#7293f3 Protanomaly 1% of men, 0.01% of women
#6896f0 Deuteranomaly 6% of men, 0.4% of women
#6a9bc7 Tritanomaly 0.01% of the population

#788ef2 hex color

#788ef2 Color Information

#788ef2 Color Conversion

Color Schemes with #788ef2

Alternatives to #788ef2

#788ef2 Preview

Shades and Tints of #788ef2

Tones of #788ef2

Color Blindness Simulator