#7b84f0 hex color

In a RGB color space, hex #7b84f0 is composed of 48.2% red, 51.8% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 48.8% cyan, 45% magenta, 0% yellow and 5.9% black. It has a hue angle of 235.4 degrees, a saturation of 79.6% and a lightness of 71.2%. #7b84f0 color hex could be obtained by blending #f6ffff with #0009e1. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 48
- G 52
- B 94
RGB color chart
- C 49
- M 45
- Y 0
- K 6
CMYK color chart

● #7b84f0 color description : Soft blue.

The hexadecimal color #7b84f0 has RGB values of R:123, G:132, B:240 and CMYK values of C:0.49, M:0.45, Y:0, K:0.06. Its decimal value is 8094960.

Hex triplet	7b84f0	`#7b84f0`
RGB Decimal	123, 132, 240	`rgb(123,132,240)`
RGB Percent	48.2, 51.8, 94.1	`rgb(48.2%,51.8%,94.1%)`
CMYK	49, 45, 0, 6
HSL	235.4°, 79.6, 71.2	`hsl(235.4,79.6%,71.2%)`
HSV (or HSB)	235.4°, 48.8, 94.1
Web Safe	6699ff	`#6699ff`

CIE-LAB	58.978, 25.179, -55.568
XYZ	32.145, 27.004, 85.952
xyY	0.222, 0.186, 27.004
CIE-LCH	58.978, 61.006, 294.377
CIE-LUV	58.978, -9.851, -90.99
Hunter-Lab	51.965, 19.478, -61.692
Binary	01111011, 10000100, 11110000

#7b84f0
```
#7b84f0 rgb(123,132,240)
```
#f0e77b
```
#f0e77b rgb(240,231,123)
```

Complementary Color

#7bbff0
```
#7bbff0 rgb(123,191,240)
```
#7b84f0
```
#7b84f0 rgb(123,132,240)
```
#ad7bf0
```
#ad7bf0 rgb(173,123,240)
```

Analogous Color

#bff07b
```
#bff07b rgb(191,240,123)
```
#7b84f0
```
#7b84f0 rgb(123,132,240)
```
#f0ad7b
```
#f0ad7b rgb(240,173,123)
```

Split Complementary Color

#84f07b
```
#84f07b rgb(132,240,123)
```
#7b84f0
```
#7b84f0 rgb(123,132,240)
```
#f07b84
```
#f07b84 rgb(240,123,132)
```

Triadic Color

#7bf0e7
```
#7bf0e7 rgb(123,240,231)
```
#7b84f0
```
#7b84f0 rgb(123,132,240)
```
#f07b84
```
#f07b84 rgb(240,123,132)
```
#f0e77b
```
#f0e77b rgb(240,231,123)
```

Tetradic Color

#3644e8
```
#3644e8 rgb(54,68,232)
```
#4d59eb
```
#4d59eb rgb(77,89,235)
```
#646fed
```
#646fed rgb(100,111,237)
```
#7b84f0
```
#7b84f0 rgb(123,132,240)
```
#9299f3
```
#9299f3 rgb(146,153,243)
```
#a9aff5
```
#a9aff5 rgb(169,175,245)
```
#c0c4f8
```
#c0c4f8 rgb(192,196,248)
```

Monochromatic Color

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

#7ba1f0
```
#7ba1f0 rgb(123,161,240)
```
#7b98f0
```
#7b98f0 rgb(123,152,240)
```
#7b8ef0
```
#7b8ef0 rgb(123,142,240)
```
#7b84f0
```
#7b84f0 rgb(123,132,240)
```
#7c7bf0
```
#7c7bf0 rgb(124,123,240)
```
#867bf0
```
#867bf0 rgb(134,123,240)
```
#8f7bf0
```
#8f7bf0 rgb(143,123,240)
```

Similar Colors

Text with hexadecimal color #7b84f0

This text has a font color of #7b84f0.

<span style="color:#7b84f0;">Text here</span>

#7b84f0 background color

This paragraph has a background color of #7b84f0.

<p style="background-color:#7b84f0;">Content here</p>

#7b84f0 border color

This element has a border color of #7b84f0.

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

CSS codes

.text {color:#7b84f0;}

.background {background-color:#7b84f0;}

.border {border:1px solid #7b84f0;}

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

#010209
```
#010209 rgb(1,2,9)
```
#03051b
```
#03051b rgb(3,5,27)
```
#05082c
```
#05082c rgb(5,8,44)
```
#070b3e
```
#070b3e rgb(7,11,62)
```
#090e4f
```
#090e4f rgb(9,14,79)
```
#0b1261
```
#0b1261 rgb(11,18,97)
```
#0d1573
```
#0d1573 rgb(13,21,115)
```
#0f1884
```
#0f1884 rgb(15,24,132)
```
#111b96
```
#111b96 rgb(17,27,150)
```
#131ea7
```
#131ea7 rgb(19,30,167)
```
#1522b9
```
#1522b9 rgb(21,34,185)
```
#1725cb
```
#1725cb rgb(23,37,203)
```
#1928dc
```
#1928dc rgb(25,40,220)
```

Shade Color Variation

#2332e6
```
#2332e6 rgb(35,50,230)
```
#3542e8
```
#3542e8 rgb(53,66,232)
```
#4653ea
```
#4653ea rgb(70,83,234)
```
#5863ec
```
#5863ec rgb(88,99,236)
```
#6974ee
```
#6974ee rgb(105,116,238)
```
#7b84f0
```
#7b84f0 rgb(123,132,240)
```
#8d94f2
```
#8d94f2 rgb(141,148,242)
```
#9ea5f4
```
#9ea5f4 rgb(158,165,244)
```
#b0b5f6
```
#b0b5f6 rgb(176,181,246)
```
#c1c6f8
```
#c1c6f8 rgb(193,198,248)
```
#d3d6fa
```
#d3d6fa rgb(211,214,250)
```
#e5e6fc
```
#e5e6fc rgb(229,230,252)
```
#f6f7fe
```
#f6f7fe rgb(246,247,254)
```

Tint Color Variation

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

#b4b4b7
```
#b4b4b7 rgb(180,180,183)
```
#aeafbd
```
#aeafbd rgb(174,175,189)
```
#a8aac3
```
#a8aac3 rgb(168,170,195)
```
#a3a5c8
```
#a3a5c8 rgb(163,165,200)
```
#9da1ce
```
#9da1ce rgb(157,161,206)
```
#979cd4
```
#979cd4 rgb(151,156,212)
```
#9297d9
```
#9297d9 rgb(146,151,217)
```
#8c92df
```
#8c92df rgb(140,146,223)
```
#868ee5
```
#868ee5 rgb(134,142,229)
```
#8189ea
```
#8189ea rgb(129,137,234)
```
#7b84f0
```
#7b84f0 rgb(123,132,240)
```
#757ff6
```
#757ff6 rgb(117,127,246)
```
#707afb
```
#707afb rgb(112,122,251)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#8a8ca2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6190f5 Protanopia 1% of men
#4f94ec Deuteranopia 1% of men
#659ca7 Tritanopia 0.001% of the population

Trichromacy

#6a8bf3 Protanomaly 1% of men, 0.01% of women
#5f8eed Deuteranomaly 6% of men, 0.4% of women
#6d93c1 Tritanomaly 0.01% of the population

#7b84f0 hex color

#7b84f0 Color Information

#7b84f0 Color Conversion

Color Schemes with #7b84f0

Alternatives to #7b84f0

#7b84f0 Preview

Shades and Tints of #7b84f0

Tones of #7b84f0

Color Blindness Simulator