#788bc2 hex color

In a RGB color space, hex #788bc2 is composed of 47.1% red, 54.5% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 38.1% cyan, 28.4% magenta, 0% yellow and 23.9% black. It has a hue angle of 224.6 degrees, a saturation of 37.8% and a lightness of 61.6%. #788bc2 color hex could be obtained by blending #f0ffff with #001785. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 47
- G 55
- B 76
RGB color chart
- C 38
- M 28
- Y 0
- K 24
CMYK color chart

● #788bc2 color description : Slightly desaturated blue.

The hexadecimal color #788bc2 has RGB values of R:120, G:139, B:194 and CMYK values of C:0.38, M:0.28, Y:0, K:0.24. Its decimal value is 7900098.

Hex triplet	788bc2	`#788bc2`
RGB Decimal	120, 139, 194	`rgb(120,139,194)`
RGB Percent	47.1, 54.5, 76.1	`rgb(47.1%,54.5%,76.1%)`
CMYK	38, 28, 0, 24
HSL	224.6°, 37.8, 61.6	`hsl(224.6,37.8%,61.6%)`
HSV (or HSB)	224.6°, 38.1, 76.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	58.37, 6.958, -30.781
XYZ	26.714, 26.353, 54.715
xyY	0.248, 0.244, 26.353
CIE-LCH	58.37, 31.558, 282.737
CIE-LUV	58.37, -11.79, -48.341
Hunter-Lab	51.335, 3.053, -27.26
Binary	01111000, 10001011, 11000010

#788bc2
```
#788bc2 rgb(120,139,194)
```
#c2af78
```
#c2af78 rgb(194,175,120)
```

Complementary Color

#78b0c2
```
#78b0c2 rgb(120,176,194)
```
#788bc2
```
#788bc2 rgb(120,139,194)
```
#8a78c2
```
#8a78c2 rgb(138,120,194)
```

Analogous Color

#b0c278
```
#b0c278 rgb(176,194,120)
```
#788bc2
```
#788bc2 rgb(120,139,194)
```
#c28a78
```
#c28a78 rgb(194,138,120)
```

Split Complementary Color

#8bc278
```
#8bc278 rgb(139,194,120)
```
#788bc2
```
#788bc2 rgb(120,139,194)
```
#c2788b
```
#c2788b rgb(194,120,139)
```

Triadic Color

#78c2af
```
#78c2af rgb(120,194,175)
```
#788bc2
```
#788bc2 rgb(120,139,194)
```
#c2788b
```
#c2788b rgb(194,120,139)
```
#c2af78
```
#c2af78 rgb(194,175,120)
```

Tetradic Color

#4a61a4
```
#4a61a4 rgb(74,97,164)
```
#556db2
```
#556db2 rgb(85,109,178)
```
#667cba
```
#667cba rgb(102,124,186)
```
#788bc2
```
#788bc2 rgb(120,139,194)
```
#8a9aca
```
#8a9aca rgb(138,154,202)
```
#9ba9d2
```
#9ba9d2 rgb(155,169,210)
```
#adb8da
```
#adb8da rgb(173,184,218)
```

Monochromatic Color

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

#789ec2
```
#789ec2 rgb(120,158,194)
```
#7897c2
```
#7897c2 rgb(120,151,194)
```
#7891c2
```
#7891c2 rgb(120,145,194)
```
#788bc2
```
#788bc2 rgb(120,139,194)
```
#7885c2
```
#7885c2 rgb(120,133,194)
```
#787fc2
```
#787fc2 rgb(120,127,194)
```
#7879c2
```
#7879c2 rgb(120,121,194)
```

Similar Colors

Text with hexadecimal color #788bc2

This text has a font color of #788bc2.

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

#788bc2 background color

This paragraph has a background color of #788bc2.

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

#788bc2 border color

This element has a border color of #788bc2.

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

CSS codes

.text {color:#788bc2;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#06080e
```
#06080e rgb(6,8,14)
```
#0c101b
```
#0c101b rgb(12,16,27)
```
#121829
```
#121829 rgb(18,24,41)
```
#182036
```
#182036 rgb(24,32,54)
```
#1f2844
```
#1f2844 rgb(31,40,68)
```
#253051
```
#253051 rgb(37,48,81)
```
#2b385f
```
#2b385f rgb(43,56,95)
```
#31406c
```
#31406c rgb(49,64,108)
```
#37487a
```
#37487a rgb(55,72,122)
```
#3d5087
```
#3d5087 rgb(61,80,135)
```
#435895
```
#435895 rgb(67,88,149)
```
#4960a2
```
#4960a2 rgb(73,96,162)
```

Shade Color Variation

#4f68b0
```
#4f68b0 rgb(79,104,176)
```
#5d74b6
```
#5d74b6 rgb(93,116,182)
```
#6a7fbc
```
#6a7fbc rgb(106,127,188)
```
#788bc2
```
#788bc2 rgb(120,139,194)
```
#8697c8
```
#8697c8 rgb(134,151,200)
```
#93a2ce
```
#93a2ce rgb(147,162,206)
```
#a1aed4
```
#a1aed4 rgb(161,174,212)
```
#aeb9da
```
#aeb9da rgb(174,185,218)
```
#bcc5e1
```
#bcc5e1 rgb(188,197,225)
```
#c9d1e7
```
#c9d1e7 rgb(201,209,231)
```
#d7dced
```
#d7dced rgb(215,220,237)
```
#e4e8f3
```
#e4e8f3 rgb(228,232,243)
```
#f2f3f9
```
#f2f3f9 rgb(242,243,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #969aa4 is the less saturated color, while #3c6efe is the most saturated one.

#969aa4
```
#969aa4 rgb(150,154,164)
```
#8f96ab
```
#8f96ab rgb(143,150,171)
```
#8792b3
```
#8792b3 rgb(135,146,179)
```
#808fba
```
#808fba rgb(128,143,186)
```
#788bc2
```
#788bc2 rgb(120,139,194)
```
#7087ca
```
#7087ca rgb(112,135,202)
```
#6984d1
```
#6984d1 rgb(105,132,209)
```
#6180d9
```
#6180d9 rgb(97,128,217)
```
#5a7ce0
```
#5a7ce0 rgb(90,124,224)
```
#5279e8
```
#5279e8 rgb(82,121,232)
```
#4b75ef
```
#4b75ef rgb(75,117,239)
```
#4371f7
```
#4371f7 rgb(67,113,247)
```
#3c6efe
```
#3c6efe rgb(60,110,254)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#888c97 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8190c4 Protanopia 1% of men
#8090c5 Deuteranopia 1% of men
#7497a2 Tritanopia 0.001% of the population

Trichromacy

#7e8ec3 Protanomaly 1% of men, 0.01% of women
#7d8ec4 Deuteranomaly 6% of men, 0.4% of women
#7593ae Tritanomaly 0.01% of the population

#788bc2 hex color

#788bc2 Color Information

#788bc2 Color Conversion

Color Schemes with #788bc2

Alternatives to #788bc2

#788bc2 Preview

Shades and Tints of #788bc2

Tones of #788bc2

Color Blindness Simulator