#7a80f6 hex color

In a RGB color space, hex #7a80f6 is composed of 47.8% red, 50.2% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 50.4% cyan, 48% magenta, 0% yellow and 3.5% black. It has a hue angle of 237.1 degrees, a saturation of 87.3% and a lightness of 72.2%. #7a80f6 color hex could be obtained by blending #f4ffff with #0001ed. Closest websafe color is: #6699ff.

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

● #7a80f6 color description : Soft blue.

The hexadecimal color #7a80f6 has RGB values of R:122, G:128, B:246 and CMYK values of C:0.5, M:0.48, Y:0, K:0.04. Its decimal value is 8028406.

Hex triplet	7a80f6	`#7a80f6`
RGB Decimal	122, 128, 246	`rgb(122,128,246)`
RGB Percent	47.8, 50.2, 96.5	`rgb(47.8%,50.2%,96.5%)`
CMYK	50, 48, 0, 4
HSL	237.1°, 87.3, 72.2	`hsl(237.1,87.3%,72.2%)`
HSV (or HSB)	237.1°, 50.4, 96.5
Web Safe	6699ff	`#6699ff`

CIE-LAB	58.253, 29.136, -60.049
XYZ	32.376, 26.229, 90.54
xyY	0.217, 0.176, 26.229
CIE-LCH	58.253, 66.744, 295.883
CIE-LUV	58.253, -9.2, -98.348
Hunter-Lab	51.214, 23.22, -68.968
Binary	01111010, 10000000, 11110110

#7a80f6
```
#7a80f6 rgb(122,128,246)
```
#f6f07a
```
#f6f07a rgb(246,240,122)
```

Complementary Color

#7abef6
```
#7abef6 rgb(122,190,246)
```
#7a80f6
```
#7a80f6 rgb(122,128,246)
```
#b27af6
```
#b27af6 rgb(178,122,246)
```

Analogous Color

#bef67a
```
#bef67a rgb(190,246,122)
```
#7a80f6
```
#7a80f6 rgb(122,128,246)
```
#f6b27a
```
#f6b27a rgb(246,178,122)
```

Split Complementary Color

#80f67a
```
#80f67a rgb(128,246,122)
```
#7a80f6
```
#7a80f6 rgb(122,128,246)
```
#f67a80
```
#f67a80 rgb(246,122,128)
```

Triadic Color

#7af6f0
```
#7af6f0 rgb(122,246,240)
```
#7a80f6
```
#7a80f6 rgb(122,128,246)
```
#f67a80
```
#f67a80 rgb(246,122,128)
```
#f6f07a
```
#f6f07a rgb(246,240,122)
```

Tetradic Color

#323cf1
```
#323cf1 rgb(50,60,241)
```
#4a52f3
```
#4a52f3 rgb(74,82,243)
```
#6269f4
```
#6269f4 rgb(98,105,244)
```
#7a80f6
```
#7a80f6 rgb(122,128,246)
```
#9297f8
```
#9297f8 rgb(146,151,248)
```
#aaaef9
```
#aaaef9 rgb(170,174,249)
```
#c2c4fb
```
#c2c4fb rgb(194,196,251)
```

Monochromatic Color

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

#7a9ff6
```
#7a9ff6 rgb(122,159,246)
```
#7a95f6
```
#7a95f6 rgb(122,149,246)
```
#7a8af6
```
#7a8af6 rgb(122,138,246)
```
#7a80f6
```
#7a80f6 rgb(122,128,246)
```
#7e7af6
```
#7e7af6 rgb(126,122,246)
```
#897af6
```
#897af6 rgb(137,122,246)
```
#937af6
```
#937af6 rgb(147,122,246)
```

Similar Colors

Text with hexadecimal color #7a80f6

This text has a font color of #7a80f6.

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

#7a80f6 background color

This paragraph has a background color of #7a80f6.

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

#7a80f6 border color

This element has a border color of #7a80f6.

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

CSS codes

.text {color:#7a80f6;}

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

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

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

#01020e
```
#01020e rgb(1,2,14)
```
#020420
```
#020420 rgb(2,4,32)
```
#030633
```
#030633 rgb(3,6,51)
```
#050845
```
#050845 rgb(5,8,69)
```
#060a57
```
#060a57 rgb(6,10,87)
```
#070c6a
```
#070c6a rgb(7,12,106)
```
#080e7c
```
#080e7c rgb(8,14,124)
```
#0a108f
```
#0a108f rgb(10,16,143)
```
#0b12a1
```
#0b12a1 rgb(11,18,161)
```
#0c14b3
```
#0c14b3 rgb(12,20,179)
```
#0d16c6
```
#0d16c6 rgb(13,22,198)
```
#0f18d8
```
#0f18d8 rgb(15,24,216)
```
#101aea
```
#101aea rgb(16,26,234)
```

Shade Color Variation

#1e28f0
```
#1e28f0 rgb(30,40,240)
```
#313af1
```
#313af1 rgb(49,58,241)
```
#434bf2
```
#434bf2 rgb(67,75,242)
```
#555df4
```
#555df4 rgb(85,93,244)
```
#686ef5
```
#686ef5 rgb(104,110,245)
```
#7a80f6
```
#7a80f6 rgb(122,128,246)
```
#8c92f7
```
#8c92f7 rgb(140,146,247)
```
#9fa3f8
```
#9fa3f8 rgb(159,163,248)
```
#b1b5fa
```
#b1b5fa rgb(177,181,250)
```
#c3c6fb
```
#c3c6fb rgb(195,198,251)
```
#d6d8fc
```
#d6d8fc rgb(214,216,252)
```
#e8e9fd
```
#e8e9fd rgb(232,233,253)
```
#fbfbff
```
#fbfbff rgb(251,251,255)
```

Tint Color Variation

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

#b6b6ba
```
#b6b6ba rgb(182,182,186)
```
#b1b1bf
```
#b1b1bf rgb(177,177,191)
```
#abacc5
```
#abacc5 rgb(171,172,197)
```
#a6a7ca
```
#a6a7ca rgb(166,167,202)
```
#a0a3d0
```
#a0a3d0 rgb(160,163,208)
```
#9b9ed5
```
#9b9ed5 rgb(155,158,213)
```
#9599db
```
#9599db rgb(149,153,219)
```
#9094e0
```
#9094e0 rgb(144,148,224)
```
#8a8fe6
```
#8a8fe6 rgb(138,143,230)
```
#858aeb
```
#858aeb rgb(133,138,235)
```
#7f85f1
```
#7f85f1 rgb(127,133,241)
```
#7a80f6
```
#7a80f6 rgb(122,128,246)
```
#757bfb
```
#757bfb rgb(117,123,251)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#888aa1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#538efd Protanopia 1% of men
#3993f1 Deuteranopia 1% of men
#5f9aa6 Tritanopia 0.001% of the population

Trichromacy

#6189fa Protanomaly 1% of men, 0.01% of women
#518cf2 Deuteranomaly 6% of men, 0.4% of women
#6991c3 Tritanomaly 0.01% of the population

#7a80f6 hex color

#7a80f6 Color Information

#7a80f6 Color Conversion

Color Schemes with #7a80f6

Alternatives to #7a80f6

#7a80f6 Preview

Shades and Tints of #7a80f6

Tones of #7a80f6

Color Blindness Simulator