#7ca6ba hex color

In a RGB color space, hex #7ca6ba is composed of 48.6% red, 65.1% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 33.3% cyan, 10.8% magenta, 0% yellow and 27.1% black. It has a hue angle of 199.4 degrees, a saturation of 31% and a lightness of 60.8%. #7ca6ba color hex could be obtained by blending #f8ffff with #004d75. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 49
- G 65
- B 73
RGB color chart
- C 33
- M 11
- Y 0
- K 27
CMYK color chart

● #7ca6ba color description : Slightly desaturated blue.

The hexadecimal color #7ca6ba has RGB values of R:124, G:166, B:186 and CMYK values of C:0.33, M:0.11, Y:0, K:0.27. Its decimal value is 8169146.

Hex triplet	7ca6ba	`#7ca6ba`
RGB Decimal	124, 166, 186	`rgb(124,166,186)`
RGB Percent	48.6, 65.1, 72.9	`rgb(48.6%,65.1%,72.9%)`
CMYK	33, 11, 0, 27
HSL	199.4°, 31, 60.8	`hsl(199.4,31%,60.8%)`
HSV (or HSB)	199.4°, 33.3, 72.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	65.828, -9.239, -14.85
XYZ	30.809, 35.102, 51.604
xyY	0.262, 0.299, 35.102
CIE-LCH	65.828, 17.49, 238.113
CIE-LUV	65.828, -21.213, -21.16
Hunter-Lab	59.247, -10.858, -10.169
Binary	01111100, 10100110, 10111010

#7ca6ba
```
#7ca6ba rgb(124,166,186)
```
#ba907c
```
#ba907c rgb(186,144,124)
```

Complementary Color

#7cbaaf
```
#7cbaaf rgb(124,186,175)
```
#7ca6ba
```
#7ca6ba rgb(124,166,186)
```
#7c87ba
```
#7c87ba rgb(124,135,186)
```

Analogous Color

#baaf7c
```
#baaf7c rgb(186,175,124)
```
#7ca6ba
```
#7ca6ba rgb(124,166,186)
```
#ba7c87
```
#ba7c87 rgb(186,124,135)
```

Split Complementary Color

#a6ba7c
```
#a6ba7c rgb(166,186,124)
```
#7ca6ba
```
#7ca6ba rgb(124,166,186)
```
#ba7ca6
```
#ba7ca6 rgb(186,124,166)
```

Triadic Color

#7cba90
```
#7cba90 rgb(124,186,144)
```
#7ca6ba
```
#7ca6ba rgb(124,166,186)
```
#ba7ca6
```
#ba7ca6 rgb(186,124,166)
```
#ba907c
```
#ba907c rgb(186,144,124)
```

Tetradic Color

#518299
```
#518299 rgb(81,130,153)
```
#5b8fa8
```
#5b8fa8 rgb(91,143,168)
```
#6b9bb1
```
#6b9bb1 rgb(107,155,177)
```
#7ca6ba
```
#7ca6ba rgb(124,166,186)
```
#8db1c3
```
#8db1c3 rgb(141,177,195)
```
#9dbdcc
```
#9dbdcc rgb(157,189,204)
```
#aec8d4
```
#aec8d4 rgb(174,200,212)
```

Monochromatic Color

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

#7cb6ba
```
#7cb6ba rgb(124,182,186)
```
#7cb0ba
```
#7cb0ba rgb(124,176,186)
```
#7cabba
```
#7cabba rgb(124,171,186)
```
#7ca6ba
```
#7ca6ba rgb(124,166,186)
```
#7ca1ba
```
#7ca1ba rgb(124,161,186)
```
#7c9cba
```
#7c9cba rgb(124,156,186)
```
#7c97ba
```
#7c97ba rgb(124,151,186)
```

Similar Colors

Text with hexadecimal color #7ca6ba

This text has a font color of #7ca6ba.

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

#7ca6ba background color

This paragraph has a background color of #7ca6ba.

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

#7ca6ba border color

This element has a border color of #7ca6ba.

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

CSS codes

.text {color:#7ca6ba;}

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

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

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

#05090a
```
#05090a rgb(5,9,10)
```
#0c1417
```
#0c1417 rgb(12,20,23)
```
#131f24
```
#131f24 rgb(19,31,36)
```
#1a2931
```
#1a2931 rgb(26,41,49)
```
#21343e
```
#21343e rgb(33,52,62)
```
#273f4b
```
#273f4b rgb(39,63,75)
```
#2e4a57
```
#2e4a57 rgb(46,74,87)
```
#355564
```
#355564 rgb(53,85,100)
```
#3c6071
```
#3c6071 rgb(60,96,113)
```
#426b7e
```
#426b7e rgb(66,107,126)
```
#49768b
```
#49768b rgb(73,118,139)
```
#508198
```
#508198 rgb(80,129,152)
```
#578ba5
```
#578ba5 rgb(87,139,165)
```

Shade Color Variation

#6295ac
```
#6295ac rgb(98,149,172)
```
#6f9db3
```
#6f9db3 rgb(111,157,179)
```
#7ca6ba
```
#7ca6ba rgb(124,166,186)
```
#89afc1
```
#89afc1 rgb(137,175,193)
```
#96b7c8
```
#96b7c8 rgb(150,183,200)
```
#a3c0ce
```
#a3c0ce rgb(163,192,206)
```
#afc9d5
```
#afc9d5 rgb(175,201,213)
```
#bcd2dc
```
#bcd2dc rgb(188,210,220)
```
#c9dae3
```
#c9dae3 rgb(201,218,227)
```
#d6e3e9
```
#d6e3e9 rgb(214,227,233)
```
#e3ecf0
```
#e3ecf0 rgb(227,236,240)
```
#f0f5f7
```
#f0f5f7 rgb(240,245,247)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#9b9b9b
```
#9b9b9b rgb(155,155,155)
```
#939ea3
```
#939ea3 rgb(147,158,163)
```
#8ba1ab
```
#8ba1ab rgb(139,161,171)
```
#84a3b2
```
#84a3b2 rgb(132,163,178)
```
#7ca6ba
```
#7ca6ba rgb(124,166,186)
```
#74a9c2
```
#74a9c2 rgb(116,169,194)
```
#6dabc9
```
#6dabc9 rgb(109,171,201)
```
#65aed1
```
#65aed1 rgb(101,174,209)
```
#5db1d9
```
#5db1d9 rgb(93,177,217)
```
#56b4e0
```
#56b4e0 rgb(86,180,224)
```
#4eb6e8
```
#4eb6e8 rgb(78,182,232)
```
#46b9f0
```
#46b9f0 rgb(70,185,240)
```
#3ebcf8
```
#3ebcf8 rgb(62,188,248)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#969ea2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1a3b9 Protanopia 1% of men
#a5a1c0 Deuteranopia 1% of men
#81abb8 Tritanopia 0.001% of the population

Trichromacy

#93a4b9 Protanomaly 1% of men, 0.01% of women
#96a3be Deuteranomaly 6% of men, 0.4% of women
#7fa9b8 Tritanomaly 0.01% of the population

#7ca6ba hex color

#7ca6ba Color Information

#7ca6ba Color Conversion

Color Schemes with #7ca6ba

Alternatives to #7ca6ba

#7ca6ba Preview

Shades and Tints of #7ca6ba

Tones of #7ca6ba

Color Blindness Simulator