#7a83f5 hex color

In a RGB color space, hex #7a83f5 is composed of 47.8% red, 51.4% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 50.2% cyan, 46.5% magenta, 0% yellow and 3.9% black. It has a hue angle of 235.6 degrees, a saturation of 86% and a lightness of 72%. #7a83f5 color hex could be obtained by blending #f4ffff with #0007eb. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 48
- G 51
- B 96
RGB color chart
- C 50
- M 47
- Y 0
- K 4
CMYK color chart

● #7a83f5 color description : Soft blue.

The hexadecimal color #7a83f5 has RGB values of R:122, G:131, B:245 and CMYK values of C:0.5, M:0.47, Y:0, K:0.04. Its decimal value is 8029173.

Hex triplet	7a83f5	`#7a83f5`
RGB Decimal	122, 131, 245	`rgb(122,131,245)`
RGB Percent	47.8, 51.4, 96.1	`rgb(47.8%,51.4%,96.1%)`
CMYK	50, 47, 0, 4
HSL	235.6°, 86, 72	`hsl(235.6,86%,72%)`
HSV (or HSB)	235.6°, 50.2, 96.1
Web Safe	6699ff	`#6699ff`

CIE-LAB	58.939, 27.057, -58.399
XYZ	32.62, 26.962, 89.866
xyY	0.218, 0.18, 26.962
CIE-LCH	58.939, 64.363, 294.859
CIE-LUV	58.939, -10.106, -95.734
Hunter-Lab	51.925, 21.271, -66.267
Binary	01111010, 10000011, 11110101

#7a83f5
```
#7a83f5 rgb(122,131,245)
```
#f5ec7a
```
#f5ec7a rgb(245,236,122)
```

Complementary Color

#7ac1f5
```
#7ac1f5 rgb(122,193,245)
```
#7a83f5
```
#7a83f5 rgb(122,131,245)
```
#af7af5
```
#af7af5 rgb(175,122,245)
```

Analogous Color

#c1f57a
```
#c1f57a rgb(193,245,122)
```
#7a83f5
```
#7a83f5 rgb(122,131,245)
```
#f5af7a
```
#f5af7a rgb(245,175,122)
```

Split Complementary Color

#83f57a
```
#83f57a rgb(131,245,122)
```
#7a83f5
```
#7a83f5 rgb(122,131,245)
```
#f57a83
```
#f57a83 rgb(245,122,131)
```

Triadic Color

#7af5ec
```
#7af5ec rgb(122,245,236)
```
#7a83f5
```
#7a83f5 rgb(122,131,245)
```
#f57a83
```
#f57a83 rgb(245,122,131)
```
#f5ec7a
```
#f5ec7a rgb(245,236,122)
```

Tetradic Color

#3341f0
```
#3341f0 rgb(51,65,240)
```
#4b57f1
```
#4b57f1 rgb(75,87,241)
```
#626df3
```
#626df3 rgb(98,109,243)
```
#7a83f5
```
#7a83f5 rgb(122,131,245)
```
#9299f7
```
#9299f7 rgb(146,153,247)
```
#a9aff9
```
#a9aff9 rgb(169,175,249)
```
#c1c5fa
```
#c1c5fa rgb(193,197,250)
```

Monochromatic Color

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

#7aa2f5
```
#7aa2f5 rgb(122,162,245)
```
#7a98f5
```
#7a98f5 rgb(122,152,245)
```
#7a8df5
```
#7a8df5 rgb(122,141,245)
```
#7a83f5
```
#7a83f5 rgb(122,131,245)
```
#7b7af5
```
#7b7af5 rgb(123,122,245)
```
#867af5
```
#867af5 rgb(134,122,245)
```
#907af5
```
#907af5 rgb(144,122,245)
```

Similar Colors

Text with hexadecimal color #7a83f5

This text has a font color of #7a83f5.

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

#7a83f5 background color

This paragraph has a background color of #7a83f5.

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

#7a83f5 border color

This element has a border color of #7a83f5.

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

CSS codes

.text {color:#7a83f5;}

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

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

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, #01020d is the darkest color, while #fafaff is the lightest one.

#01020d
```
#01020d rgb(1,2,13)
```
#02041f
```
#02041f rgb(2,4,31)
```
#040731
```
#040731 rgb(4,7,49)
```
#050a44
```
#050a44 rgb(5,10,68)
```
#060c56
```
#060c56 rgb(6,12,86)
```
#080f68
```
#080f68 rgb(8,15,104)
```
#09117a
```
#09117a rgb(9,17,122)
```
#0b148d
```
#0b148d rgb(11,20,141)
```
#0c179f
```
#0c179f rgb(12,23,159)
```
#0d19b1
```
#0d19b1 rgb(13,25,177)
```
#0f1cc3
```
#0f1cc3 rgb(15,28,195)
```
#101fd6
```
#101fd6 rgb(16,31,214)
```
#1121e8
```
#1121e8 rgb(17,33,232)
```

Shade Color Variation

#1f2eee
```
#1f2eee rgb(31,46,238)
```
#313ff0
```
#313ff0 rgb(49,63,240)
```
#4350f1
```
#4350f1 rgb(67,80,241)
```
#5661f2
```
#5661f2 rgb(86,97,242)
```
#6872f4
```
#6872f4 rgb(104,114,244)
```
#7a83f5
```
#7a83f5 rgb(122,131,245)
```
#8c94f6
```
#8c94f6 rgb(140,148,246)
```
#9ea5f8
```
#9ea5f8 rgb(158,165,248)
```
#b1b6f9
```
#b1b6f9 rgb(177,182,249)
```
#c3c7fa
```
#c3c7fa rgb(195,199,250)
```
#d5d8fc
```
#d5d8fc rgb(213,216,252)
```
#e7e9fd
```
#e7e9fd rgb(231,233,253)
```
#fafaff
```
#fafaff rgb(250,250,255)
```

Tint Color Variation

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

#b7b7b9
```
#b7b7b9 rgb(183,183,185)
```
#b1b2be
```
#b1b2be rgb(177,178,190)
```
#acadc4
```
#acadc4 rgb(172,173,196)
```
#a6a9c9
```
#a6a9c9 rgb(166,169,201)
```
#a1a4cf
```
#a1a4cf rgb(161,164,207)
```
#9b9fd4
```
#9b9fd4 rgb(155,159,212)
```
#969ada
```
#969ada rgb(150,154,218)
```
#9096df
```
#9096df rgb(144,150,223)
```
#8b91e5
```
#8b91e5 rgb(139,145,229)
```
#858cea
```
#858cea rgb(133,140,234)
```
#8088f0
```
#8088f0 rgb(128,136,240)
```
#7a83f5
```
#7a83f5 rgb(122,131,245)
```
#757efb
```
#757efb rgb(117,126,251)
```

Tone Color Variation

Below, you can see how #7a83f5 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
#898ba2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a90fb Protanopia 1% of men
#4495f0 Deuteranopia 1% of men
#619ca8 Tritanopia 0.001% of the population

Trichromacy

#668bf8 Protanomaly 1% of men, 0.01% of women
#578ef2 Deuteranomaly 6% of men, 0.4% of women
#6a93c4 Tritanomaly 0.01% of the population

#7a83f5 hex color

#7a83f5 Color Information

#7a83f5 Color Conversion

Color Schemes with #7a83f5

Alternatives to #7a83f5

#7a83f5 Preview

Shades and Tints of #7a83f5

Tones of #7a83f5

Color Blindness Simulator