#7c8caa hex color

In a RGB color space, hex #7c8caa is composed of 48.6% red, 54.9% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 27.1% cyan, 17.6% magenta, 0% yellow and 33.3% black. It has a hue angle of 219.1 degrees, a saturation of 21.3% and a lightness of 57.6%. #7c8caa color hex could be obtained by blending #f8ffff with #001955. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 49
- G 55
- B 67
RGB color chart
- C 27
- M 18
- Y 0
- K 33
CMYK color chart

● #7c8caa color description : Mostly desaturated dark blue.

The hexadecimal color #7c8caa has RGB values of R:124, G:140, B:170 and CMYK values of C:0.27, M:0.18, Y:0, K:0.33. Its decimal value is 8162474.

Hex triplet	7c8caa	`#7c8caa`
RGB Decimal	124, 140, 170	`rgb(124,140,170)`
RGB Percent	48.6, 54.9, 66.7	`rgb(48.6%,54.9%,66.7%)`
CMYK	27, 18, 0, 33
HSL	219.1°, 21.3, 57.6	`hsl(219.1,21.3%,57.6%)`
HSV (or HSB)	219.1°, 27.1, 66.7
Web Safe	669999	`#669999`

CIE-LAB	57.983, 1.23, -17.709
XYZ	24.944, 25.943, 41.721
xyY	0.269, 0.28, 25.943
CIE-LCH	57.983, 17.751, 273.973
CIE-LUV	57.983, -9.656, -26.649
Hunter-Lab	50.934, -1.717, -12.912
Binary	01111100, 10001100, 10101010

#7c8caa
```
#7c8caa rgb(124,140,170)
```
#aa9a7c
```
#aa9a7c rgb(170,154,124)
```

Complementary Color

#7ca3aa
```
#7ca3aa rgb(124,163,170)
```
#7c8caa
```
#7c8caa rgb(124,140,170)
```
#837caa
```
#837caa rgb(131,124,170)
```

Analogous Color

#a3aa7c
```
#a3aa7c rgb(163,170,124)
```
#7c8caa
```
#7c8caa rgb(124,140,170)
```
#aa837c
```
#aa837c rgb(170,131,124)
```

Split Complementary Color

#8caa7c
```
#8caa7c rgb(140,170,124)
```
#7c8caa
```
#7c8caa rgb(124,140,170)
```
#aa7c8c
```
#aa7c8c rgb(170,124,140)
```

Triadic Color

#7caa9a
```
#7caa9a rgb(124,170,154)
```
#7c8caa
```
#7c8caa rgb(124,140,170)
```
#aa7c8c
```
#aa7c8c rgb(170,124,140)
```
#aa9a7c
```
#aa9a7c rgb(170,154,124)
```

Tetradic Color

#566684
```
#566684 rgb(86,102,132)
```
#607293
```
#607293 rgb(96,114,147)
```
#6d7ea0
```
#6d7ea0 rgb(109,126,160)
```
#7c8caa
```
#7c8caa rgb(124,140,170)
```
#8b9ab4
```
#8b9ab4 rgb(139,154,180)
```
#9ba7be
```
#9ba7be rgb(155,167,190)
```
#aab5c8
```
#aab5c8 rgb(170,181,200)
```

Monochromatic Color

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

#7c98aa
```
#7c98aa rgb(124,152,170)
```
#7c94aa
```
#7c94aa rgb(124,148,170)
```
#7c90aa
```
#7c90aa rgb(124,144,170)
```
#7c8caa
```
#7c8caa rgb(124,140,170)
```
#7c88aa
```
#7c88aa rgb(124,136,170)
```
#7c84aa
```
#7c84aa rgb(124,132,170)
```
#7c81aa
```
#7c81aa rgb(124,129,170)
```

Similar Colors

Text with hexadecimal color #7c8caa

This text has a font color of #7c8caa.

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

#7c8caa background color

This paragraph has a background color of #7c8caa.

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

#7c8caa border color

This element has a border color of #7c8caa.

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

CSS codes

.text {color:#7c8caa;}

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

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

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, #08090c is the darkest color, while #ffffff is the lightest one.

#08090c
```
#08090c rgb(8,9,12)
```
#0f1218
```
#0f1218 rgb(15,18,24)
```
#171b24
```
#171b24 rgb(23,27,36)
```
#1f252f
```
#1f252f rgb(31,37,47)
```
#272e3b
```
#272e3b rgb(39,46,59)
```
#2e3747
```
#2e3747 rgb(46,55,71)
```
#364053
```
#364053 rgb(54,64,83)
```
#3e495f
```
#3e495f rgb(62,73,95)
```
#45526b
```
#45526b rgb(69,82,107)
```
#4d5c77
```
#4d5c77 rgb(77,92,119)
```
#556583
```
#556583 rgb(85,101,131)
```
#5d6e8f
```
#5d6e8f rgb(93,110,143)
```
#64779b
```
#64779b rgb(100,119,155)
```

Shade Color Variation

#7082a2
```
#7082a2 rgb(112,130,162)
```
#7c8caa
```
#7c8caa rgb(124,140,170)
```
#8896b2
```
#8896b2 rgb(136,150,178)
```
#94a1b9
```
#94a1b9 rgb(148,161,185)
```
#a0abc1
```
#a0abc1 rgb(160,171,193)
```
#acb6c9
```
#acb6c9 rgb(172,182,201)
```
#b7c0d1
```
#b7c0d1 rgb(183,192,209)
```
#c3cbd8
```
#c3cbd8 rgb(195,203,216)
```
#cfd5e0
```
#cfd5e0 rgb(207,213,224)
```
#dbe0e8
```
#dbe0e8 rgb(219,224,232)
```
#e7eaef
```
#e7eaef rgb(231,234,239)
```
#f3f4f7
```
#f3f4f7 rgb(243,244,247)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8d9199 is the less saturated color, while #2973fd is the most saturated one.

#8d9199
```
#8d9199 rgb(141,145,153)
```
#848fa2
```
#848fa2 rgb(132,143,162)
```
#7c8caa
```
#7c8caa rgb(124,140,170)
```
#7489b2
```
#7489b2 rgb(116,137,178)
```
#6b87bb
```
#6b87bb rgb(107,135,187)
```
#6384c3
```
#6384c3 rgb(99,132,195)
```
#5b82cb
```
#5b82cb rgb(91,130,203)
```
#527fd4
```
#527fd4 rgb(82,127,212)
```
#4a7ddc
```
#4a7ddc rgb(74,125,220)
```
#427ae4
```
#427ae4 rgb(66,122,228)
```
#3a78ec
```
#3a78ec rgb(58,120,236)
```
#3175f5
```
#3175f5 rgb(49,117,245)
```
#2973fd
```
#2973fd rgb(41,115,253)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#888b91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a90ad Protanopia 1% of men
#8e8eaf Deuteranopia 1% of men
#7f949f Tritanopia 0.001% of the population

Trichromacy

#858eac Protanomaly 1% of men, 0.01% of women
#878dad Deuteranomaly 6% of men, 0.4% of women
#7d91a3 Tritanomaly 0.01% of the population

#7c8caa hex color

#7c8caa Color Information

#7c8caa Color Conversion

Color Schemes with #7c8caa

Alternatives to #7c8caa

#7c8caa Preview

Shades and Tints of #7c8caa

Tones of #7c8caa

Color Blindness Simulator