#7a84ef hex color

In a RGB color space, hex #7a84ef is composed of 47.8% red, 51.8% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 49% cyan, 44.8% magenta, 0% yellow and 6.3% black. It has a hue angle of 234.9 degrees, a saturation of 78.5% and a lightness of 70.8%. #7a84ef color hex could be obtained by blending #f4ffff with #0009df. 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

● #7a84ef color description : Soft blue.

The hexadecimal color #7a84ef has RGB values of R:122, G:132, B:239 and CMYK values of C:0.49, M:0.45, Y:0, K:0.06. Its decimal value is 8029423.

Hex triplet	7a84ef	`#7a84ef`
RGB Decimal	122, 132, 239	`rgb(122,132,239)`
RGB Percent	47.8, 51.8, 93.7	`rgb(47.8%,51.8%,93.7%)`
CMYK	49, 45, 0, 6
HSL	234.9°, 78.5, 70.8	`hsl(234.9,78.5%,70.8%)`
HSV (or HSB)	234.9°, 49, 93.7
Web Safe	6699ff	`#6699ff`

CIE-LAB	58.855, 24.657, -55.214
XYZ	31.854, 26.871, 85.165
xyY	0.221, 0.187, 26.871
CIE-LCH	58.855, 60.469, 294.064
CIE-LUV	58.855, -10.167, -90.325
Hunter-Lab	51.837, 18.974, -61.123
Binary	01111010, 10000100, 11101111

#7a84ef
```
#7a84ef rgb(122,132,239)
```
#efe57a
```
#efe57a rgb(239,229,122)
```

Complementary Color

#7abfef
```
#7abfef rgb(122,191,239)
```
#7a84ef
```
#7a84ef rgb(122,132,239)
```
#ab7aef
```
#ab7aef rgb(171,122,239)
```

Analogous Color

#bfef7a
```
#bfef7a rgb(191,239,122)
```
#7a84ef
```
#7a84ef rgb(122,132,239)
```
#efab7a
```
#efab7a rgb(239,171,122)
```

Split Complementary Color

#84ef7a
```
#84ef7a rgb(132,239,122)
```
#7a84ef
```
#7a84ef rgb(122,132,239)
```
#ef7a84
```
#ef7a84 rgb(239,122,132)
```

Triadic Color

#7aefe5
```
#7aefe5 rgb(122,239,229)
```
#7a84ef
```
#7a84ef rgb(122,132,239)
```
#ef7a84
```
#ef7a84 rgb(239,122,132)
```
#efe57a
```
#efe57a rgb(239,229,122)
```

Tetradic Color

#3645e7
```
#3645e7 rgb(54,69,231)
```
#4c5aea
```
#4c5aea rgb(76,90,234)
```
#636fec
```
#636fec rgb(99,111,236)
```
#7a84ef
```
#7a84ef rgb(122,132,239)
```
#9199f2
```
#9199f2 rgb(145,153,242)
```
#a8aef4
```
#a8aef4 rgb(168,174,244)
```
#bec3f7
```
#bec3f7 rgb(190,195,247)
```

Monochromatic Color

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

#7aa1ef
```
#7aa1ef rgb(122,161,239)
```
#7a98ef
```
#7a98ef rgb(122,152,239)
```
#7a8eef
```
#7a8eef rgb(122,142,239)
```
#7a84ef
```
#7a84ef rgb(122,132,239)
```
#7a7aef
```
#7a7aef rgb(122,122,239)
```
#847aef
```
#847aef rgb(132,122,239)
```
#8d7aef
```
#8d7aef rgb(141,122,239)
```

Similar Colors

Text with hexadecimal color #7a84ef

This text has a font color of #7a84ef.

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

#7a84ef background color

This paragraph has a background color of #7a84ef.

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

#7a84ef border color

This element has a border color of #7a84ef.

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

CSS codes

.text {color:#7a84ef;}

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

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

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

#010107
```
#010107 rgb(1,1,7)
```
#030519
```
#030519 rgb(3,5,25)
```
#05082a
```
#05082a rgb(5,8,42)
```
#070c3c
```
#070c3c rgb(7,12,60)
```
#090f4d
```
#090f4d rgb(9,15,77)
```
#0b125f
```
#0b125f rgb(11,18,95)
```
#0d1670
```
#0d1670 rgb(13,22,112)
```
#101982
```
#101982 rgb(16,25,130)
```
#121d93
```
#121d93 rgb(18,29,147)
```
#1420a5
```
#1420a5 rgb(20,32,165)
```
#1624b6
```
#1624b6 rgb(22,36,182)
```
#1827c8
```
#1827c8 rgb(24,39,200)
```
#1a2ad9
```
#1a2ad9 rgb(26,42,217)
```

Shade Color Variation

#2233e4
```
#2233e4 rgb(34,51,228)
```
#3443e7
```
#3443e7 rgb(52,67,231)
```
#4553e9
```
#4553e9 rgb(69,83,233)
```
#5764eb
```
#5764eb rgb(87,100,235)
```
#6874ed
```
#6874ed rgb(104,116,237)
```
#7a84ef
```
#7a84ef rgb(122,132,239)
```
#8c94f1
```
#8c94f1 rgb(140,148,241)
```
#9da4f3
```
#9da4f3 rgb(157,164,243)
```
#afb5f5
```
#afb5f5 rgb(175,181,245)
```
#c0c5f7
```
#c0c5f7 rgb(192,197,247)
```
#d2d5fa
```
#d2d5fa rgb(210,213,250)
```
#e3e5fc
```
#e3e5fc rgb(227,229,252)
```
#f5f5fe
```
#f5f5fe rgb(245,245,254)
```

Tint Color Variation

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

#b3b4b6
```
#b3b4b6 rgb(179,180,182)
```
#aeafbb
```
#aeafbb rgb(174,175,187)
```
#a8aac1
```
#a8aac1 rgb(168,170,193)
```
#a2a5c7
```
#a2a5c7 rgb(162,165,199)
```
#9ca1cd
```
#9ca1cd rgb(156,161,205)
```
#979cd2
```
#979cd2 rgb(151,156,210)
```
#9197d8
```
#9197d8 rgb(145,151,216)
```
#8b92de
```
#8b92de rgb(139,146,222)
```
#858ee4
```
#858ee4 rgb(133,142,228)
```
#8089e9
```
#8089e9 rgb(128,137,233)
```
#7a84ef
```
#7a84ef rgb(122,132,239)
```
#747ff5
```
#747ff5 rgb(116,127,245)
```
#6f7afa
```
#6f7afa rgb(111,122,250)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#898ba1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6190f4 Protanopia 1% of men
#4f94eb Deuteranopia 1% of men
#649ba7 Tritanopia 0.001% of the population

Trichromacy

#6a8bf2 Protanomaly 1% of men, 0.01% of women
#5f8eec Deuteranomaly 6% of men, 0.4% of women
#6c93c1 Tritanomaly 0.01% of the population

#7a84ef hex color

#7a84ef Color Information

#7a84ef Color Conversion

Color Schemes with #7a84ef

Alternatives to #7a84ef

#7a84ef Preview

Shades and Tints of #7a84ef

Tones of #7a84ef

Color Blindness Simulator