#7a84fd hex color

In a RGB color space, hex #7a84fd is composed of 47.8% red, 51.8% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 51.8% cyan, 47.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 235.4 degrees, a saturation of 97% and a lightness of 73.5%. #7a84fd color hex could be obtained by blending #f4ffff with #0009fb. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 48
- G 52
- B 99
RGB color chart
- C 52
- M 48
- Y 0
- K 1
CMYK color chart

● #7a84fd color description : Soft blue.

The hexadecimal color #7a84fd has RGB values of R:122, G:132, B:253 and CMYK values of C:0.52, M:0.48, Y:0, K:0.01. Its decimal value is 8029437.

Hex triplet	7a84fd	`#7a84fd`
RGB Decimal	122, 132, 253	`rgb(122,132,253)`
RGB Percent	47.8, 51.8, 99.2	`rgb(47.8%,51.8%,99.2%)`
CMYK	52, 48, 0, 1
HSL	235.4°, 97, 73.5	`hsl(235.4,97%,73.5%)`
HSV (or HSB)	235.4°, 51.8, 99.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	59.645, 28.893, -61.679
XYZ	34.003, 27.731, 96.484
xyY	0.215, 0.175, 27.731
CIE-LCH	59.645, 68.111, 295.101
CIE-LUV	59.645, -10.772, -101.423
Hunter-Lab	52.66, 23.106, -71.77
Binary	01111010, 10000100, 11111101

#7a84fd
```
#7a84fd rgb(122,132,253)
```
#fdf37a
```
#fdf37a rgb(253,243,122)
```

Complementary Color

#7ac6fd
```
#7ac6fd rgb(122,198,253)
```
#7a84fd
```
#7a84fd rgb(122,132,253)
```
#b27afd
```
#b27afd rgb(178,122,253)
```

Analogous Color

#c6fd7a
```
#c6fd7a rgb(198,253,122)
```
#7a84fd
```
#7a84fd rgb(122,132,253)
```
#fdb27a
```
#fdb27a rgb(253,178,122)
```

Split Complementary Color

#84fd7a
```
#84fd7a rgb(132,253,122)
```
#7a84fd
```
#7a84fd rgb(122,132,253)
```
#fd7a84
```
#fd7a84 rgb(253,122,132)
```

Triadic Color

#7afdf3
```
#7afdf3 rgb(122,253,243)
```
#7a84fd
```
#7a84fd rgb(122,132,253)
```
#fd7a84
```
#fd7a84 rgb(253,122,132)
```
#fdf37a
```
#fdf37a rgb(253,243,122)
```

Tetradic Color

#2f3efc
```
#2f3efc rgb(47,62,252)
```
#4856fc
```
#4856fc rgb(72,86,252)
```
#616dfd
```
#616dfd rgb(97,109,253)
```
#7a84fd
```
#7a84fd rgb(122,132,253)
```
#939bfd
```
#939bfd rgb(147,155,253)
```
#acb2fe
```
#acb2fe rgb(172,178,254)
```
#c5cafe
```
#c5cafe rgb(197,202,254)
```

Monochromatic Color

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

#7aa5fd
```
#7aa5fd rgb(122,165,253)
```
#7a9afd
```
#7a9afd rgb(122,154,253)
```
#7a8ffd
```
#7a8ffd rgb(122,143,253)
```
#7a84fd
```
#7a84fd rgb(122,132,253)
```
#7b7afd
```
#7b7afd rgb(123,122,253)
```
#867afd
```
#867afd rgb(134,122,253)
```
#917afd
```
#917afd rgb(145,122,253)
```

Similar Colors

Text with hexadecimal color #7a84fd

This text has a font color of #7a84fd.

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

#7a84fd background color

This paragraph has a background color of #7a84fd.

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

#7a84fd border color

This element has a border color of #7a84fd.

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

CSS codes

.text {color:#7a84fd;}

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

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

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

#000002
```
#000002 rgb(0,0,2)
```
#000216
```
#000216 rgb(0,2,22)
```
#010429
```
#010429 rgb(1,4,41)
```
#01053c
```
#01053c rgb(1,5,60)
```
#010750
```
#010750 rgb(1,7,80)
```
#010963
```
#010963 rgb(1,9,99)
```
#020b76
```
#020b76 rgb(2,11,118)
```
#020c8a
```
#020c8a rgb(2,12,138)
```
#020e9d
```
#020e9d rgb(2,14,157)
```
#0310b0
```
#0310b0 rgb(3,16,176)
```
#0312c4
```
#0312c4 rgb(3,18,196)
```
#0313d7
```
#0313d7 rgb(3,19,215)
```
#0415ea
```
#0415ea rgb(4,21,234)
```

Shade Color Variation

#0619fb
```
#0619fb rgb(6,25,251)
```
#192bfc
```
#192bfc rgb(25,43,252)
```
#2d3dfc
```
#2d3dfc rgb(45,61,252)
```
#404efc
```
#404efc rgb(64,78,252)
```
#5360fc
```
#5360fc rgb(83,96,252)
```
#6772fd
```
#6772fd rgb(103,114,253)
```
#7a84fd
```
#7a84fd rgb(122,132,253)
```
#8d96fd
```
#8d96fd rgb(141,150,253)
```
#a1a8fe
```
#a1a8fe rgb(161,168,254)
```
#b4bafe
```
#b4bafe rgb(180,186,254)
```
#c7cbfe
```
#c7cbfe rgb(199,203,254)
```
#dbddfe
```
#dbddfe rgb(219,221,254)
```
#eeefff
```
#eeefff rgb(238,239,255)
```

Tint Color Variation

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

#b8b9bf
```
#b8b9bf rgb(184,185,191)
```
#b3b4c4
```
#b3b4c4 rgb(179,180,196)
```
#aeb0c9
```
#aeb0c9 rgb(174,176,201)
```
#a9acce
```
#a9acce rgb(169,172,206)
```
#a4a7d3
```
#a4a7d3 rgb(164,167,211)
```
#9ea3d9
```
#9ea3d9 rgb(158,163,217)
```
#999ede
```
#999ede rgb(153,158,222)
```
#949ae3
```
#949ae3 rgb(148,154,227)
```
#8f96e8
```
#8f96e8 rgb(143,150,232)
```
#8a91ed
```
#8a91ed rgb(138,145,237)
```
#848df3
```
#848df3 rgb(132,141,243)
```
#7f88f8
```
#7f88f8 rgb(127,136,248)
```
#7a84fd
```
#7a84fd rgb(122,132,253)
```

Tone Color Variation

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

Dichromacy

#5a91ff Protanopia 1% of men
#3797f7 Deuteranopia 1% of men
#5d9faa Tritanopia 0.001% of the population

Trichromacy

#668cfe Protanomaly 1% of men, 0.01% of women
#4f90f9 Deuteranomaly 6% of men, 0.4% of women
#6795c8 Tritanomaly 0.01% of the population

#7a84fd hex color

#7a84fd Color Information

#7a84fd Color Conversion

Color Schemes with #7a84fd

Alternatives to #7a84fd

#7a84fd Preview

Shades and Tints of #7a84fd

Tones of #7a84fd

Color Blindness Simulator