#7f84e5 hex color

In a RGB color space, hex #7f84e5 is composed of 49.8% red, 51.8% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 44.5% cyan, 42.4% magenta, 0% yellow and 10.2% black. It has a hue angle of 237.1 degrees, a saturation of 66.2% and a lightness of 69.8%. #7f84e5 color hex could be obtained by blending #feffff with #0009cb. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 50
- G 52
- B 90
RGB color chart
- C 45
- M 42
- Y 0
- K 10
CMYK color chart

● #7f84e5 color description : Very soft blue.

The hexadecimal color #7f84e5 has RGB values of R:127, G:132, B:229 and CMYK values of C:0.45, M:0.42, Y:0, K:0.1. Its decimal value is 8357093.

Hex triplet	7f84e5	`#7f84e5`
RGB Decimal	127, 132, 229	`rgb(127,132,229)`
RGB Percent	49.8, 51.8, 89.8	`rgb(49.8%,51.8%,89.8%)`
CMYK	45, 42, 0, 10
HSL	237.1°, 66.2, 69.8	`hsl(237.1,66.2%,69.8%)`
HSV (or HSB)	237.1°, 44.5, 89.8
Web Safe	6699cc	`#6699cc`

CIE-LAB	58.668, 22.858, -49.933
XYZ	31.144, 26.671, 77.631
xyY	0.23, 0.197, 26.671
CIE-LCH	58.668, 54.917, 294.597
CIE-LUV	58.668, -7.822, -81.523
Hunter-Lab	51.644, 17.268, -52.975
Binary	01111111, 10000100, 11100101

#7f84e5
```
#7f84e5 rgb(127,132,229)
```
#e5e07f
```
#e5e07f rgb(229,224,127)
```

Complementary Color

#7fb7e5
```
#7fb7e5 rgb(127,183,229)
```
#7f84e5
```
#7f84e5 rgb(127,132,229)
```
#ad7fe5
```
#ad7fe5 rgb(173,127,229)
```

Analogous Color

#b7e57f
```
#b7e57f rgb(183,229,127)
```
#7f84e5
```
#7f84e5 rgb(127,132,229)
```
#e5ad7f
```
#e5ad7f rgb(229,173,127)
```

Split Complementary Color

#84e57f
```
#84e57f rgb(132,229,127)
```
#7f84e5
```
#7f84e5 rgb(127,132,229)
```
#e57f84
```
#e57f84 rgb(229,127,132)
```

Triadic Color

#7fe5e0
```
#7fe5e0 rgb(127,229,224)
```
#7f84e5
```
#7f84e5 rgb(127,132,229)
```
#e57f84
```
#e57f84 rgb(229,127,132)
```
#e5e07f
```
#e5e07f rgb(229,224,127)
```

Tetradic Color

#3f47d8
```
#3f47d8 rgb(63,71,216)
```
#555bdc
```
#555bdc rgb(85,91,220)
```
#6a70e1
```
#6a70e1 rgb(106,112,225)
```
#7f84e5
```
#7f84e5 rgb(127,132,229)
```
#9498e9
```
#9498e9 rgb(148,152,233)
```
#a9adee
```
#a9adee rgb(169,173,238)
```
#bfc1f2
```
#bfc1f2 rgb(191,193,242)
```

Monochromatic Color

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

#7f9ee5
```
#7f9ee5 rgb(127,158,229)
```
#7f95e5
```
#7f95e5 rgb(127,149,229)
```
#7f8de5
```
#7f8de5 rgb(127,141,229)
```
#7f84e5
```
#7f84e5 rgb(127,132,229)
```
#837fe5
```
#837fe5 rgb(131,127,229)
```
#8b7fe5
```
#8b7fe5 rgb(139,127,229)
```
#947fe5
```
#947fe5 rgb(148,127,229)
```

Similar Colors

Text with hexadecimal color #7f84e5

This text has a font color of #7f84e5.

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

#7f84e5 background color

This paragraph has a background color of #7f84e5.

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

#7f84e5 border color

This element has a border color of #7f84e5.

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

CSS codes

.text {color:#7f84e5;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#040513
```
#040513 rgb(4,5,19)
```
#070823
```
#070823 rgb(7,8,35)
```
#0a0c33
```
#0a0c33 rgb(10,12,51)
```
#0e1044
```
#0e1044 rgb(14,16,68)
```
#111454
```
#111454 rgb(17,20,84)
```
#141864
```
#141864 rgb(20,24,100)
```
#181c75
```
#181c75 rgb(24,28,117)
```
#1b2085
```
#1b2085 rgb(27,32,133)
```
#1e2495
```
#1e2495 rgb(30,36,149)
```
#2228a5
```
#2228a5 rgb(34,40,165)
```
#252cb6
```
#252cb6 rgb(37,44,182)
```
#2830c6
```
#2830c6 rgb(40,48,198)
```

Shade Color Variation

#2d36d4
```
#2d36d4 rgb(45,54,212)
```
#3e45d8
```
#3e45d8 rgb(62,69,216)
```
#4e55db
```
#4e55db rgb(78,85,219)
```
#5e65de
```
#5e65de rgb(94,101,222)
```
#6f74e2
```
#6f74e2 rgb(111,116,226)
```
#7f84e5
```
#7f84e5 rgb(127,132,229)
```
#8f94e8
```
#8f94e8 rgb(143,148,232)
```
#a0a3ec
```
#a0a3ec rgb(160,163,236)
```
#b0b3ef
```
#b0b3ef rgb(176,179,239)
```
#c0c3f2
```
#c0c3f2 rgb(192,195,242)
```
#d1d2f6
```
#d1d2f6 rgb(209,210,246)
```
#e1e2f9
```
#e1e2f9 rgb(225,226,249)
```
#f1f2fc
```
#f1f2fc rgb(241,242,252)
```

Tint Color Variation

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

#aeafb6
```
#aeafb6 rgb(174,175,182)
```
#a8a9bc
```
#a8a9bc rgb(168,169,188)
```
#a3a4c1
```
#a3a4c1 rgb(163,164,193)
```
#9d9fc7
```
#9d9fc7 rgb(157,159,199)
```
#9799cd
```
#9799cd rgb(151,153,205)
```
#9194d3
```
#9194d3 rgb(145,148,211)
```
#8b8fd9
```
#8b8fd9 rgb(139,143,217)
```
#8589df
```
#8589df rgb(133,137,223)
```
#7f84e5
```
#7f84e5 rgb(127,132,229)
```
#797feb
```
#797feb rgb(121,127,235)
```
#7379f1
```
#7379f1 rgb(115,121,241)
```
#6d74f7
```
#6d74f7 rgb(109,116,247)
```
#676ffd
```
#676ffd rgb(103,111,253)
```

Tone Color Variation

Below, you can see how #7f84e5 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
#8b8c9f Atypical Achromatopsia 0.001% of the population

Dichromacy

#6990ea Protanopia 1% of men
#5f93e2 Deuteranopia 1% of men
#6f99a4 Tritanopia 0.001% of the population

Trichromacy

#718be8 Protanomaly 1% of men, 0.01% of women
#6a8de3 Deuteranomaly 6% of men, 0.4% of women
#7491bc Tritanomaly 0.01% of the population

#7f84e5 hex color

#7f84e5 Color Information

#7f84e5 Color Conversion

Color Schemes with #7f84e5

Alternatives to #7f84e5

#7f84e5 Preview

Shades and Tints of #7f84e5

Tones of #7f84e5

Color Blindness Simulator