colorhexa.com

#7d84f9 hex color

In a RGB color space, hex #7d84f9 is composed of 49% red, 51.8% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 49.8% cyan, 47% magenta, 0% yellow and 2.4% black. It has a hue angle of 236.6 degrees, a saturation of 91.2% and a lightness of 73.3%. #7d84f9 color hex could be obtained by blending #faffff with #0009f3. Closest websafe color is: #6699ff.

- R 49
- G 52
- B 98
RGB color chart
- C 50
- M 47
- Y 0
- K 2
CMYK color chart

● #7d84f9 color description : Soft blue.

The hexadecimal color #7d84f9 has RGB values of R:125, G:132, B:249 and CMYK values of C:0.5, M:0.47, Y:0, K:0.02. Its decimal value is 8226041.

Hex triplet	7d84f9	`#7d84f9`
RGB Decimal	125, 132, 249	`rgb(125,132,249)`
RGB Percent	49, 51.8, 97.6	`rgb(49%,51.8%,97.6%)`
CMYK	50, 47, 0, 2
HSL	236.6°, 91.2, 73.3	`hsl(236.6,91.2%,73.3%)`
HSV (or HSB)	236.6°, 49.8, 97.6
Web Safe	6699ff	`#6699ff`

CIE-LAB	59.618, 28.316, -59.509
XYZ	33.804, 27.701, 93.183
xyY	0.219, 0.179, 27.701
CIE-LCH	59.618, 65.902, 295.446
CIE-LUV	59.618, -9.551, -97.876
Hunter-Lab	52.632, 22.542, -68.129
Binary	01111101, 10000100, 11111001

#7d84f9
```
#7d84f9 rgb(125,132,249)
```
#f9f27d
```
#f9f27d rgb(249,242,125)
```

Complementary Color

#7dc2f9
```
#7dc2f9 rgb(125,194,249)
```
#7d84f9
```
#7d84f9 rgb(125,132,249)
```
#b47df9
```
#b47df9 rgb(180,125,249)
```

Analogous Color

#c2f97d
```
#c2f97d rgb(194,249,125)
```
#7d84f9
```
#7d84f9 rgb(125,132,249)
```
#f9b47d
```
#f9b47d rgb(249,180,125)
```

Split Complementary Color

#84f97d
```
#84f97d rgb(132,249,125)
```
#7d84f9
```
#7d84f9 rgb(125,132,249)
```
#f97d84
```
#f97d84 rgb(249,125,132)
```

Triadic Color

#7df9f2
```
#7df9f2 rgb(125,249,242)
```
#7d84f9
```
#7d84f9 rgb(125,132,249)
```
#f97d84
```
#f97d84 rgb(249,125,132)
```
#f9f27d
```
#f9f27d rgb(249,242,125)
```

Tetradic Color

#343ff6
```
#343ff6 rgb(52,63,246)
```
#4c56f7
```
#4c56f7 rgb(76,86,247)
```
#656df8
```
#656df8 rgb(101,109,248)
```
#7d84f9
```
#7d84f9 rgb(125,132,249)
```
#959bfa
```
#959bfa rgb(149,155,250)
```
#aeb2fb
```
#aeb2fb rgb(174,178,251)
```
#c6c9fc
```
#c6c9fc rgb(198,201,252)
```

Monochromatic Color

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

#7da3f9
```
#7da3f9 rgb(125,163,249)
```
#7d99f9
```
#7d99f9 rgb(125,153,249)
```
#7d8ef9
```
#7d8ef9 rgb(125,142,249)
```
#7d84f9
```
#7d84f9 rgb(125,132,249)
```
#807df9
```
#807df9 rgb(128,125,249)
```
#8b7df9
```
#8b7df9 rgb(139,125,249)
```
#957df9
```
#957df9 rgb(149,125,249)
```

Similar Colors

Text with hexadecimal color #7d84f9

This text has a font color of #7d84f9.

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

#7d84f9 background color

This paragraph has a background color of #7d84f9.

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

#7d84f9 border color

This element has a border color of #7d84f9.

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

CSS codes

.text {color:#7d84f9;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#010214
```
#010214 rgb(1,2,20)
```
#020427
```
#020427 rgb(2,4,39)
```
#03063a
```
#03063a rgb(3,6,58)
```
#04084c
```
#04084c rgb(4,8,76)
```
#040a5f
```
#040a5f rgb(4,10,95)
```
#050b72
```
#050b72 rgb(5,11,114)
```
#060d85
```
#060d85 rgb(6,13,133)
```
#070f97
```
#070f97 rgb(7,15,151)
```
#0811aa
```
#0811aa rgb(8,17,170)
```
#0913bd
```
#0913bd rgb(9,19,189)
```
#0a15d0
```
#0a15d0 rgb(10,21,208)
```
#0a17e2
```
#0a17e2 rgb(10,23,226)
```

Shade Color Variation

#0d1af4
```
#0d1af4 rgb(13,26,244)
```
#1f2bf5
```
#1f2bf5 rgb(31,43,245)
```
#323df6
```
#323df6 rgb(50,61,246)
```
#454ff6
```
#454ff6 rgb(69,79,246)
```
#5861f7
```
#5861f7 rgb(88,97,247)
```
#6a72f8
```
#6a72f8 rgb(106,114,248)
```
#7d84f9
```
#7d84f9 rgb(125,132,249)
```
#9096fa
```
#9096fa rgb(144,150,250)
```
#a3a7fb
```
#a3a7fb rgb(163,167,251)
```
#b5b9fc
```
#b5b9fc rgb(181,185,252)
```
#c8cbfc
```
#c8cbfc rgb(200,203,252)
```
#dbddfd
```
#dbddfd rgb(219,221,253)
```
#eeeefe
```
#eeeefe rgb(238,238,254)
```

Tint Color Variation

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

#b7b7bf
```
#b7b7bf rgb(183,183,191)
```
#b1b2c5
```
#b1b2c5 rgb(177,178,197)
```
#acaeca
```
#acaeca rgb(172,174,202)
```
#a7a9cf
```
#a7a9cf rgb(167,169,207)
```
#a2a4d4
```
#a2a4d4 rgb(162,164,212)
```
#9ca0da
```
#9ca0da rgb(156,160,218)
```
#979bdf
```
#979bdf rgb(151,155,223)
```
#9297e4
```
#9297e4 rgb(146,151,228)
```
#8d92e9
```
#8d92e9 rgb(141,146,233)
```
#878def
```
#878def rgb(135,141,239)
```
#8289f4
```
#8289f4 rgb(130,137,244)
```
#7d84f9
```
#7d84f9 rgb(125,132,249)
```
#787ffe
```
#787ffe rgb(120,127,254)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#8b8da4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a91ff Protanopia 1% of men
#4396f4 Deuteranopia 1% of men
#639ea9 Tritanopia 0.001% of the population

Trichromacy

#678cfc Protanomaly 1% of men, 0.01% of women
#5890f5 Deuteranomaly 6% of men, 0.4% of women
#6c94c6 Tritanomaly 0.01% of the population