#787af5 hex color

In a RGB color space, hex #787af5 is composed of 47.1% red, 47.8% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 51% cyan, 50.2% magenta, 0% yellow and 3.9% black. It has a hue angle of 239 degrees, a saturation of 86.2% and a lightness of 71.6%. #787af5 color hex could be obtained by blending #f0f4ff with #0000eb. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 47
- G 48
- B 96
RGB color chart
- C 51
- M 50
- Y 0
- K 4
CMYK color chart

● #787af5 color description : Soft blue.

The hexadecimal color #787af5 has RGB values of R:120, G:122, B:245 and CMYK values of C:0.51, M:0.5, Y:0, K:0.04. Its decimal value is 7895797.

Hex triplet	787af5	`#787af5`
RGB Decimal	120, 122, 245	`rgb(120,122,245)`
RGB Percent	47.1, 47.8, 96.1	`rgb(47.1%,47.8%,96.1%)`
CMYK	51, 50, 0, 4
HSL	239°, 86.2, 71.6	`hsl(239,86.2%,71.6%)`
HSV (or HSB)	239°, 51, 96.1
Web Safe	6666ff	`#6666ff`

CIE-LAB	56.589, 31.97, -62.174
XYZ	31.183, 24.504, 89.468
xyY	0.215, 0.169, 24.504
CIE-LCH	56.589, 69.912, 297.212
CIE-LUV	56.589, -7.998, -101.353
Hunter-Lab	49.501, 25.82, -72.509
Binary	01111000, 01111010, 11110101

#787af5
```
#787af5 rgb(120,122,245)
```
#f5f378
```
#f5f378 rgb(245,243,120)
```

Complementary Color

#78b9f5
```
#78b9f5 rgb(120,185,245)
```
#787af5
```
#787af5 rgb(120,122,245)
```
#b578f5
```
#b578f5 rgb(181,120,245)
```

Analogous Color

#b9f578
```
#b9f578 rgb(185,245,120)
```
#787af5
```
#787af5 rgb(120,122,245)
```
#f5b578
```
#f5b578 rgb(245,181,120)
```

Split Complementary Color

#7af578
```
#7af578 rgb(122,245,120)
```
#787af5
```
#787af5 rgb(120,122,245)
```
#f5787a
```
#f5787a rgb(245,120,122)
```

Triadic Color

#78f5f3
```
#78f5f3 rgb(120,245,243)
```
#787af5
```
#787af5 rgb(120,122,245)
```
#f5787a
```
#f5787a rgb(245,120,122)
```
#f5f378
```
#f5f378 rgb(245,243,120)
```

Tetradic Color

#3134f0
```
#3134f0 rgb(49,52,240)
```
#494bf1
```
#494bf1 rgb(73,75,241)
```
#6063f3
```
#6063f3 rgb(96,99,243)
```
#787af5
```
#787af5 rgb(120,122,245)
```
#9091f7
```
#9091f7 rgb(144,145,247)
```
#a7a9f9
```
#a7a9f9 rgb(167,169,249)
```
#bfc0fa
```
#bfc0fa rgb(191,192,250)
```

Monochromatic Color

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

#7899f5
```
#7899f5 rgb(120,153,245)
```
#788ff5
```
#788ff5 rgb(120,143,245)
```
#7884f5
```
#7884f5 rgb(120,132,245)
```
#787af5
```
#787af5 rgb(120,122,245)
```
#8078f5
```
#8078f5 rgb(128,120,245)
```
#8b78f5
```
#8b78f5 rgb(139,120,245)
```
#9578f5
```
#9578f5 rgb(149,120,245)
```

Similar Colors

Text with hexadecimal color #787af5

This text has a font color of #787af5.

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

#787af5 background color

This paragraph has a background color of #787af5.

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

#787af5 border color

This element has a border color of #787af5.

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

CSS codes

.text {color:#787af5;}

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

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

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, #01010b is the darkest color, while #f8f8fe is the lightest one.

#01010b
```
#01010b rgb(1,1,11)
```
#02031d
```
#02031d rgb(2,3,29)
```
#040430
```
#040430 rgb(4,4,48)
```
#050642
```
#050642 rgb(5,6,66)
```
#060754
```
#060754 rgb(6,7,84)
```
#080966
```
#080966 rgb(8,9,102)
```
#090b79
```
#090b79 rgb(9,11,121)
```
#0a0c8b
```
#0a0c8b rgb(10,12,139)
```
#0c0e9d
```
#0c0e9d rgb(12,14,157)
```
#0d10af
```
#0d10af rgb(13,16,175)
```
#0e11c2
```
#0e11c2 rgb(14,17,194)
```
#1013d4
```
#1013d4 rgb(16,19,212)
```
#1114e6
```
#1114e6 rgb(17,20,230)
```

Shade Color Variation

#1d20ee
```
#1d20ee rgb(29,32,238)
```
#2f32f0
```
#2f32f0 rgb(47,50,240)
```
#4144f1
```
#4144f1 rgb(65,68,241)
```
#5356f2
```
#5356f2 rgb(83,86,242)
```
#6668f4
```
#6668f4 rgb(102,104,244)
```
#787af5
```
#787af5 rgb(120,122,245)
```
#8a8cf6
```
#8a8cf6 rgb(138,140,246)
```
#9d9ef8
```
#9d9ef8 rgb(157,158,248)
```
#afb0f9
```
#afb0f9 rgb(175,176,249)
```
#c1c2fa
```
#c1c2fa rgb(193,194,250)
```
#d3d4fc
```
#d3d4fc rgb(211,212,252)
```
#e6e6fd
```
#e6e6fd rgb(230,230,253)
```
#f8f8fe
```
#f8f8fe rgb(248,248,254)
```

Tint Color Variation

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

#b5b5b8
```
#b5b5b8 rgb(181,181,184)
```
#b0b0bd
```
#b0b0bd rgb(176,176,189)
```
#aaabc3
```
#aaabc3 rgb(170,171,195)
```
#a5a5c8
```
#a5a5c8 rgb(165,165,200)
```
#9fa0ce
```
#9fa0ce rgb(159,160,206)
```
#999ad4
```
#999ad4 rgb(153,154,212)
```
#9495d9
```
#9495d9 rgb(148,149,217)
```
#8e90df
```
#8e90df rgb(142,144,223)
```
#898ae4
```
#898ae4 rgb(137,138,228)
```
#8385ea
```
#8385ea rgb(131,133,234)
```
#7e7fef
```
#7e7fef rgb(126,127,239)
```
#787af5
```
#787af5 rgb(120,122,245)
```
#7275fb
```
#7275fb rgb(114,117,251)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#84849d Atypical Achromatopsia 0.001% of the population

Dichromacy

#468afd Protanopia 1% of men
#1f90ef Deuteranopia 1% of men
#5b96a1 Tritanopia 0.001% of the population

Trichromacy

#5884fa Protanomaly 1% of men, 0.01% of women
#3f88f1 Deuteranomaly 6% of men, 0.4% of women
#668cbf Tritanomaly 0.01% of the population

#787af5 hex color

#787af5 Color Information

#787af5 Color Conversion

Color Schemes with #787af5

Alternatives to #787af5

#787af5 Preview

Shades and Tints of #787af5

Tones of #787af5

Color Blindness Simulator