#7cb6bd hex color

In a RGB color space, hex #7cb6bd is composed of 48.6% red, 71.4% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 34.4% cyan, 3.7% magenta, 0% yellow and 25.9% black. It has a hue angle of 186.5 degrees, a saturation of 33% and a lightness of 61.4%. #7cb6bd color hex could be obtained by blending #f8ffff with #006d7b. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 49
- G 71
- B 74
RGB color chart
- C 34
- M 4
- Y 0
- K 26
CMYK color chart

● #7cb6bd color description : Slightly desaturated cyan.

The hexadecimal color #7cb6bd has RGB values of R:124, G:182, B:189 and CMYK values of C:0.34, M:0.04, Y:0, K:0.26. Its decimal value is 8173245.

Hex triplet	7cb6bd	`#7cb6bd`
RGB Decimal	124, 182, 189	`rgb(124,182,189)`
RGB Percent	48.6, 71.4, 74.1	`rgb(48.6%,71.4%,74.1%)`
CMYK	34, 4, 0, 26
HSL	186.5°, 33, 61.4	`hsl(186.5,33%,61.4%)`
HSV (or HSB)	186.5°, 34.4, 74.1
Web Safe	66cccc	`#66cccc`

CIE-LAB	70.465, -16.982, -9.556
XYZ	34.223, 41.414, 54.332
xyY	0.263, 0.319, 41.414
CIE-LCH	70.465, 19.486, 209.368
CIE-LUV	70.465, -28.009, -11.836
Hunter-Lab	64.353, -17.692, -5.009
Binary	01111100, 10110110, 10111101

#7cb6bd
```
#7cb6bd rgb(124,182,189)
```
#bd837c
```
#bd837c rgb(189,131,124)
```

Complementary Color

#7cbda4
```
#7cbda4 rgb(124,189,164)
```
#7cb6bd
```
#7cb6bd rgb(124,182,189)
```
#7c96bd
```
#7c96bd rgb(124,150,189)
```

Analogous Color

#bda47c
```
#bda47c rgb(189,164,124)
```
#7cb6bd
```
#7cb6bd rgb(124,182,189)
```
#bd7c96
```
#bd7c96 rgb(189,124,150)
```

Split Complementary Color

#b6bd7c
```
#b6bd7c rgb(182,189,124)
```
#7cb6bd
```
#7cb6bd rgb(124,182,189)
```
#bd7cb6
```
#bd7cb6 rgb(189,124,182)
```

Triadic Color

#7cbd83
```
#7cbd83 rgb(124,189,131)
```
#7cb6bd
```
#7cb6bd rgb(124,182,189)
```
#bd7cb6
```
#bd7cb6 rgb(189,124,182)
```
#bd837c
```
#bd837c rgb(189,131,124)
```

Tetradic Color

#4f959d
```
#4f959d rgb(79,149,157)
```
#5aa3ac
```
#5aa3ac rgb(90,163,172)
```
#6badb4
```
#6badb4 rgb(107,173,180)
```
#7cb6bd
```
#7cb6bd rgb(124,182,189)
```
#8dbfc6
```
#8dbfc6 rgb(141,191,198)
```
#9ec9ce
```
#9ec9ce rgb(158,201,206)
```
#afd2d7
```
#afd2d7 rgb(175,210,215)
```

Monochromatic Color

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

#7cbdb4
```
#7cbdb4 rgb(124,189,180)
```
#7cbdb9
```
#7cbdb9 rgb(124,189,185)
```
#7cbbbd
```
#7cbbbd rgb(124,187,189)
```
#7cb6bd
```
#7cb6bd rgb(124,182,189)
```
#7cb1bd
```
#7cb1bd rgb(124,177,189)
```
#7cabbd
```
#7cabbd rgb(124,171,189)
```
#7ca6bd
```
#7ca6bd rgb(124,166,189)
```

Similar Colors

Text with hexadecimal color #7cb6bd

This text has a font color of #7cb6bd.

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

#7cb6bd background color

This paragraph has a background color of #7cb6bd.

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

#7cb6bd border color

This element has a border color of #7cb6bd.

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

CSS codes

.text {color:#7cb6bd;}

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

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

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, #060c0c is the darkest color, while #feffff is the lightest one.

#060c0c
```
#060c0c rgb(6,12,12)
```
#0d181a
```
#0d181a rgb(13,24,26)
```
#132527
```
#132527 rgb(19,37,39)
```
#1a3134
```
#1a3134 rgb(26,49,52)
```
#213d41
```
#213d41 rgb(33,61,65)
```
#274a4e
```
#274a4e rgb(39,74,78)
```
#2e565b
```
#2e565b rgb(46,86,91)
```
#346268
```
#346268 rgb(52,98,104)
```
#3b6f75
```
#3b6f75 rgb(59,111,117)
```
#417b82
```
#417b82 rgb(65,123,130)
```
#48878f
```
#48878f rgb(72,135,143)
```
#4f949c
```
#4f949c rgb(79,148,156)
```
#55a0a9
```
#55a0a9 rgb(85,160,169)
```

Shade Color Variation

#62a7b0
```
#62a7b0 rgb(98,167,176)
```
#6fafb6
```
#6fafb6 rgb(111,175,182)
```
#7cb6bd
```
#7cb6bd rgb(124,182,189)
```
#89bdc4
```
#89bdc4 rgb(137,189,196)
```
#96c5ca
```
#96c5ca rgb(150,197,202)
```
#a3ccd1
```
#a3ccd1 rgb(163,204,209)
```
#b0d3d7
```
#b0d3d7 rgb(176,211,215)
```
#bddade
```
#bddade rgb(189,218,222)
```
#cae2e4
```
#cae2e4 rgb(202,226,228)
```
#d7e9eb
```
#d7e9eb rgb(215,233,235)
```
#e4f0f2
```
#e4f0f2 rgb(228,240,242)
```
#f1f7f8
```
#f1f7f8 rgb(241,247,248)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#9a9e9f
```
#9a9e9f rgb(154,158,159)
```
#93a4a6
```
#93a4a6 rgb(147,164,166)
```
#8baaae
```
#8baaae rgb(139,170,174)
```
#84b0b5
```
#84b0b5 rgb(132,176,181)
```
#7cb6bd
```
#7cb6bd rgb(124,182,189)
```
#74bcc5
```
#74bcc5 rgb(116,188,197)
```
#6dc2cc
```
#6dc2cc rgb(109,194,204)
```
#65c8d4
```
#65c8d4 rgb(101,200,212)
```
#5ecedb
```
#5ecedb rgb(94,206,219)
```
#56d4e3
```
#56d4e3 rgb(86,212,227)
```
#4fdaea
```
#4fdaea rgb(79,218,234)
```
#47e0f2
```
#47e0f2 rgb(71,224,242)
```
#3fe6fa
```
#3fe6fa rgb(63,230,250)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#9da8aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#b0afba Protanopia 1% of men
#b6acc5 Deuteranopia 1% of men
#84b8c6 Tritanopia 0.001% of the population

Trichromacy

#9db1bb Protanomaly 1% of men, 0.01% of women
#a1afc2 Deuteranomaly 6% of men, 0.4% of women
#81b7c2 Tritanomaly 0.01% of the population

#7cb6bd hex color

#7cb6bd Color Information

#7cb6bd Color Conversion

Color Schemes with #7cb6bd

Alternatives to #7cb6bd

#7cb6bd Preview

Shades and Tints of #7cb6bd

Tones of #7cb6bd

Color Blindness Simulator