#7c80cc hex color

In a RGB color space, hex #7c80cc is composed of 48.6% red, 50.2% green and 80% blue. Whereas in a CMYK color space, it is composed of 39.2% cyan, 37.3% magenta, 0% yellow and 20% black. It has a hue angle of 237 degrees, a saturation of 44% and a lightness of 64.3%. #7c80cc color hex could be obtained by blending #f8ffff with #000199. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 49
- G 50
- B 80
RGB color chart
- C 39
- M 37
- Y 0
- K 20
CMYK color chart

● #7c80cc color description : Slightly desaturated blue.

The hexadecimal color #7c80cc has RGB values of R:124, G:128, B:204 and CMYK values of C:0.39, M:0.37, Y:0, K:0.2. Its decimal value is 8159436.

Hex triplet	7c80cc	`#7c80cc`
RGB Decimal	124, 128, 204	`rgb(124,128,204)`
RGB Percent	48.6, 50.2, 80	`rgb(48.6%,50.2%,80%)`
CMYK	39, 37, 0, 20
HSL	237°, 44, 64.3	`hsl(237,44%,64.3%)`
HSV (or HSB)	237°, 39.2, 80
Web Safe	6699cc	`#6699cc`

CIE-LAB	56.17, 17.314, -39.858
XYZ	26.928, 24.082, 60.353
xyY	0.242, 0.216, 24.082
CIE-LCH	56.17, 43.456, 293.48
CIE-LUV	56.17, -6.288, -63.944
Hunter-Lab	49.074, 12.069, -38.566
Binary	01111100, 10000000, 11001100

#7c80cc
```
#7c80cc rgb(124,128,204)
```
#ccc87c
```
#ccc87c rgb(204,200,124)
```

Complementary Color

#7ca8cc
```
#7ca8cc rgb(124,168,204)
```
#7c80cc
```
#7c80cc rgb(124,128,204)
```
#a07ccc
```
#a07ccc rgb(160,124,204)
```

Analogous Color

#a8cc7c
```
#a8cc7c rgb(168,204,124)
```
#7c80cc
```
#7c80cc rgb(124,128,204)
```
#cca07c
```
#cca07c rgb(204,160,124)
```

Split Complementary Color

#80cc7c
```
#80cc7c rgb(128,204,124)
```
#7c80cc
```
#7c80cc rgb(124,128,204)
```
#cc7c80
```
#cc7c80 rgb(204,124,128)
```

Triadic Color

#7cccc8
```
#7cccc8 rgb(124,204,200)
```
#7c80cc
```
#7c80cc rgb(124,128,204)
```
#cc7c80
```
#cc7c80 rgb(204,124,128)
```
#ccc87c
```
#ccc87c rgb(204,200,124)
```

Tetradic Color

#464cb5
```
#464cb5 rgb(70,76,181)
```
#575cbe
```
#575cbe rgb(87,92,190)
```
#6a6ec5
```
#6a6ec5 rgb(106,110,197)
```
#7c80cc
```
#7c80cc rgb(124,128,204)
```
#8e92d3
```
#8e92d3 rgb(142,146,211)
```
#a1a4da
```
#a1a4da rgb(161,164,218)
```
#b3b5e1
```
#b3b5e1 rgb(179,181,225)
```

Monochromatic Color

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

#7c94cc
```
#7c94cc rgb(124,148,204)
```
#7c8dcc
```
#7c8dcc rgb(124,141,204)
```
#7c87cc
```
#7c87cc rgb(124,135,204)
```
#7c80cc
```
#7c80cc rgb(124,128,204)
```
#7f7ccc
```
#7f7ccc rgb(127,124,204)
```
#857ccc
```
#857ccc rgb(133,124,204)
```
#8c7ccc
```
#8c7ccc rgb(140,124,204)
```

Similar Colors

Text with hexadecimal color #7c80cc

This text has a font color of #7c80cc.

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

#7c80cc background color

This paragraph has a background color of #7c80cc.

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

#7c80cc border color

This element has a border color of #7c80cc.

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

CSS codes

.text {color:#7c80cc;}

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

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

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, #04040a is the darkest color, while #fbfbfd is the lightest one.

#04040a
```
#04040a rgb(4,4,10)
```
#090a18
```
#090a18 rgb(9,10,24)
```
#0f1026
```
#0f1026 rgb(15,16,38)
```
#141635
```
#141635 rgb(20,22,53)
```
#1a1c43
```
#1a1c43 rgb(26,28,67)
```
#1f2251
```
#1f2251 rgb(31,34,81)
```
#25285f
```
#25285f rgb(37,40,95)
```
#2a2e6d
```
#2a2e6d rgb(42,46,109)
```
#30347b
```
#30347b rgb(48,52,123)
```
#353a89
```
#353a89 rgb(53,58,137)
```
#3b4097
```
#3b4097 rgb(59,64,151)
```
#4045a5
```
#4045a5 rgb(64,69,165)
```
#464bb4
```
#464bb4 rgb(70,75,180)
```

Shade Color Variation

#5257bc
```
#5257bc rgb(82,87,188)
```
#6065c1
```
#6065c1 rgb(96,101,193)
```
#6e72c7
```
#6e72c7 rgb(110,114,199)
```
#7c80cc
```
#7c80cc rgb(124,128,204)
```
#8a8ed1
```
#8a8ed1 rgb(138,142,209)
```
#989bd7
```
#989bd7 rgb(152,155,215)
```
#a6a9dc
```
#a6a9dc rgb(166,169,220)
```
#b4b7e2
```
#b4b7e2 rgb(180,183,226)
```
#c3c4e7
```
#c3c4e7 rgb(195,196,231)
```
#d1d2ed
```
#d1d2ed rgb(209,210,237)
```
#dfe0f2
```
#dfe0f2 rgb(223,224,242)
```
#edeef8
```
#edeef8 rgb(237,238,248)
```
#fbfbfd
```
#fbfbfd rgb(251,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9fa0a9 is the less saturated color, while #4b54fd is the most saturated one.

#9fa0a9
```
#9fa0a9 rgb(159,160,169)
```
#9899b0
```
#9899b0 rgb(152,153,176)
```
#9193b7
```
#9193b7 rgb(145,147,183)
```
#8a8dbe
```
#8a8dbe rgb(138,141,190)
```
#8386c5
```
#8386c5 rgb(131,134,197)
```
#7c80cc
```
#7c80cc rgb(124,128,204)
```
#757ad3
```
#757ad3 rgb(117,122,211)
```
#6e73da
```
#6e73da rgb(110,115,218)
```
#676de1
```
#676de1 rgb(103,109,225)
```
#6067e8
```
#6067e8 rgb(96,103,232)
```
#5960ef
```
#5960ef rgb(89,96,239)
```
#525af6
```
#525af6 rgb(82,90,246)
```
#4b54fd
```
#4b54fd rgb(75,84,253)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#858695 Atypical Achromatopsia 0.001% of the population

Dichromacy

#708ad1 Protanopia 1% of men
#6c8ccc Deuteranopia 1% of men
#73919c Tritanopia 0.001% of the population

Trichromacy

#7486cf Protanomaly 1% of men, 0.01% of women
#7287cc Deuteranomaly 6% of men, 0.4% of women
#768bad Tritanomaly 0.01% of the population

#7c80cc hex color

#7c80cc Color Information

#7c80cc Color Conversion

Color Schemes with #7c80cc

Alternatives to #7c80cc

#7c80cc Preview

Shades and Tints of #7c80cc

Tones of #7c80cc

Color Blindness Simulator