colorhexa.com

#7f84e7 hex color

In a RGB color space, hex #7f84e7 is composed of 49.8% red, 51.8% green and 90.6% blue. Whereas in a CMYK color space, it is composed of 45% cyan, 42.9% magenta, 0% yellow and 9.4% black. It has a hue angle of 237.1 degrees, a saturation of 68.4% and a lightness of 70.2%. #7f84e7 color hex could be obtained by blending #feffff with #0009cf. Closest websafe color is: #6699ff.

- R 50
- G 52
- B 91
RGB color chart
- C 45
- M 43
- Y 0
- K 9
CMYK color chart

● #7f84e7 color description : Soft blue.

The hexadecimal color #7f84e7 has RGB values of R:127, G:132, B:231 and CMYK values of C:0.45, M:0.43, Y:0, K:0.09. Its decimal value is 8357095.

Hex triplet	7f84e7	`#7f84e7`
RGB Decimal	127, 132, 231	`rgb(127,132,231)`
RGB Percent	49.8, 51.8, 90.6	`rgb(49.8%,51.8%,90.6%)`
CMYK	45, 43, 0, 9
HSL	237.1°, 68.4, 70.2	`hsl(237.1,68.4%,70.2%)`
HSV (or HSB)	237.1°, 45, 90.6
Web Safe	6699ff	`#6699ff`

CIE-LAB	58.773, 23.44, -50.88
XYZ	31.425, 26.783, 79.111
xyY	0.229, 0.195, 26.783
CIE-LCH	58.773, 56.02, 294.735
CIE-LUV	58.773, -7.924, -83.154
Hunter-Lab	51.752, 17.82, -54.406
Binary	01111111, 10000100, 11100111

#7f84e7
```
#7f84e7 rgb(127,132,231)
```
#e7e27f
```
#e7e27f rgb(231,226,127)
```

Complementary Color

#7fb8e7
```
#7fb8e7 rgb(127,184,231)
```
#7f84e7
```
#7f84e7 rgb(127,132,231)
```
#ae7fe7
```
#ae7fe7 rgb(174,127,231)
```

Analogous Color

#b8e77f
```
#b8e77f rgb(184,231,127)
```
#7f84e7
```
#7f84e7 rgb(127,132,231)
```
#e7ae7f
```
#e7ae7f rgb(231,174,127)
```

Split Complementary Color

#84e77f
```
#84e77f rgb(132,231,127)
```
#7f84e7
```
#7f84e7 rgb(127,132,231)
```
#e77f84
```
#e77f84 rgb(231,127,132)
```

Triadic Color

#7fe7e2
```
#7fe7e2 rgb(127,231,226)
```
#7f84e7
```
#7f84e7 rgb(127,132,231)
```
#e77f84
```
#e77f84 rgb(231,127,132)
```
#e7e27f
```
#e7e27f rgb(231,226,127)
```

Tetradic Color

#3f46db
```
#3f46db rgb(63,70,219)
```
#545bdf
```
#545bdf rgb(84,91,223)
```
#6a6fe3
```
#6a6fe3 rgb(106,111,227)
```
#7f84e7
```
#7f84e7 rgb(127,132,231)
```
#9499eb
```
#9499eb rgb(148,153,235)
```
#aaadef
```
#aaadef rgb(170,173,239)
```
#bfc2f3
```
#bfc2f3 rgb(191,194,243)
```

Monochromatic Color

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

#7f9ee7
```
#7f9ee7 rgb(127,158,231)
```
#7f95e7
```
#7f95e7 rgb(127,149,231)
```
#7f8de7
```
#7f8de7 rgb(127,141,231)
```
#7f84e7
```
#7f84e7 rgb(127,132,231)
```
#837fe7
```
#837fe7 rgb(131,127,231)
```
#8b7fe7
```
#8b7fe7 rgb(139,127,231)
```
#947fe7
```
#947fe7 rgb(148,127,231)
```

Similar Colors

Text with hexadecimal color #7f84e7

This text has a font color of #7f84e7.

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

#7f84e7 background color

This paragraph has a background color of #7f84e7.

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

#7f84e7 border color

This element has a border color of #7f84e7.

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

CSS codes

.text {color:#7f84e7;}

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

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

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

#010104
```
#010104 rgb(1,1,4)
```
#040515
```
#040515 rgb(4,5,21)
```
#070825
```
#070825 rgb(7,8,37)
```
#0a0c36
```
#0a0c36 rgb(10,12,54)
```
#0d1046
```
#0d1046 rgb(13,16,70)
```
#101457
```
#101457 rgb(16,20,87)
```
#131767
```
#131767 rgb(19,23,103)
```
#161b78
```
#161b78 rgb(22,27,120)
```
#1a1f88
```
#1a1f88 rgb(26,31,136)
```
#1d2399
```
#1d2399 rgb(29,35,153)
```
#2026a9
```
#2026a9 rgb(32,38,169)
```
#232aba
```
#232aba rgb(35,42,186)
```
#262eca
```
#262eca rgb(38,46,202)
```

Shade Color Variation

#2c35d8
```
#2c35d8 rgb(44,53,216)
```
#3d45db
```
#3d45db rgb(61,69,219)
```
#4d54de
```
#4d54de rgb(77,84,222)
```
#5e64e1
```
#5e64e1 rgb(94,100,225)
```
#6e74e4
```
#6e74e4 rgb(110,116,228)
```
#7f84e7
```
#7f84e7 rgb(127,132,231)
```
#9094ea
```
#9094ea rgb(144,148,234)
```
#a0a4ed
```
#a0a4ed rgb(160,164,237)
```
#b1b4f0
```
#b1b4f0 rgb(177,180,240)
```
#c1c3f3
```
#c1c3f3 rgb(193,195,243)
```
#d2d3f6
```
#d2d3f6 rgb(210,211,246)
```
#e2e3fa
```
#e2e3fa rgb(226,227,250)
```
#f3f3fd
```
#f3f3fd rgb(243,243,253)
```

Tint Color Variation

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

#aeaeb8
```
#aeaeb8 rgb(174,174,184)
```
#a8a9be
```
#a8a9be rgb(168,169,190)
```
#a2a4c4
```
#a2a4c4 rgb(162,164,196)
```
#9c9eca
```
#9c9eca rgb(156,158,202)
```
#9699d0
```
#9699d0 rgb(150,153,208)
```
#9194d5
```
#9194d5 rgb(145,148,213)
```
#8b8fdb
```
#8b8fdb rgb(139,143,219)
```
#8589e1
```
#8589e1 rgb(133,137,225)
```
#7f84e7
```
#7f84e7 rgb(127,132,231)
```
#797fed
```
#797fed rgb(121,127,237)
```
#7379f3
```
#7379f3 rgb(115,121,243)
```
#6d74f9
```
#6d74f9 rgb(109,116,249)
```
#686ffe
```
#686ffe rgb(104,111,254)
```

Tone Color Variation

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

Dichromacy

#6890ed Protanopia 1% of men
#5d93e4 Deuteranopia 1% of men
#6e9aa5 Tritanopia 0.001% of the population

Trichromacy

#708bea Protanomaly 1% of men, 0.01% of women
#698ee5 Deuteranomaly 6% of men, 0.4% of women
#7492bd Tritanomaly 0.01% of the population