#7cb7bd hex color

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

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

● #7cb7bd color description : Slightly desaturated cyan.

The hexadecimal color #7cb7bd has RGB values of R:124, G:183, B:189 and CMYK values of C:0.34, M:0.03, Y:0, K:0.26. Its decimal value is 8173501.

Hex triplet	7cb7bd	`#7cb7bd`
RGB Decimal	124, 183, 189	`rgb(124,183,189)`
RGB Percent	48.6, 71.8, 74.1	`rgb(48.6%,71.8%,74.1%)`
CMYK	34, 3, 0, 26
HSL	185.5°, 33, 61.4	`hsl(185.5,33%,61.4%)`
HSV (or HSB)	185.5°, 34.4, 74.1
Web Safe	66cccc	`#66cccc`

CIE-LAB	70.75, -17.5, -9.131
XYZ	34.429, 41.825, 54.4
xyY	0.264, 0.32, 41.825
CIE-LCH	70.75, 19.739, 207.555
CIE-LUV	70.75, -28.432, -11.098
Hunter-Lab	64.672, -18.15, -4.603
Binary	01111100, 10110111, 10111101

#7cb7bd
```
#7cb7bd rgb(124,183,189)
```
#bd827c
```
#bd827c rgb(189,130,124)
```

Complementary Color

#7cbda3
```
#7cbda3 rgb(124,189,163)
```
#7cb7bd
```
#7cb7bd rgb(124,183,189)
```
#7c97bd
```
#7c97bd rgb(124,151,189)
```

Analogous Color

#bda37c
```
#bda37c rgb(189,163,124)
```
#7cb7bd
```
#7cb7bd rgb(124,183,189)
```
#bd7c97
```
#bd7c97 rgb(189,124,151)
```

Split Complementary Color

#b7bd7c
```
#b7bd7c rgb(183,189,124)
```
#7cb7bd
```
#7cb7bd rgb(124,183,189)
```
#bd7cb7
```
#bd7cb7 rgb(189,124,183)
```

Triadic Color

#7cbd82
```
#7cbd82 rgb(124,189,130)
```
#7cb7bd
```
#7cb7bd rgb(124,183,189)
```
#bd7cb7
```
#bd7cb7 rgb(189,124,183)
```
#bd827c
```
#bd827c rgb(189,130,124)
```

Tetradic Color

#4f969d
```
#4f969d rgb(79,150,157)
```
#5aa4ac
```
#5aa4ac rgb(90,164,172)
```
#6baeb4
```
#6baeb4 rgb(107,174,180)
```
#7cb7bd
```
#7cb7bd rgb(124,183,189)
```
#8dc0c6
```
#8dc0c6 rgb(141,192,198)
```
#9ecace
```
#9ecace rgb(158,202,206)
```
#afd3d7
```
#afd3d7 rgb(175,211,215)
```

Monochromatic Color

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

#7cbdb3
```
#7cbdb3 rgb(124,189,179)
```
#7cbdb8
```
#7cbdb8 rgb(124,189,184)
```
#7cbcbd
```
#7cbcbd rgb(124,188,189)
```
#7cb7bd
```
#7cb7bd rgb(124,183,189)
```
#7cb2bd
```
#7cb2bd rgb(124,178,189)
```
#7cacbd
```
#7cacbd rgb(124,172,189)
```
#7ca7bd
```
#7ca7bd rgb(124,167,189)
```

Similar Colors

Text with hexadecimal color #7cb7bd

This text has a font color of #7cb7bd.

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

#7cb7bd background color

This paragraph has a background color of #7cb7bd.

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

#7cb7bd border color

This element has a border color of #7cb7bd.

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

CSS codes

.text {color:#7cb7bd;}

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

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

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)
```
#213e41
```
#213e41 rgb(33,62,65)
```
#274a4e
```
#274a4e rgb(39,74,78)
```
#2e575b
```
#2e575b rgb(46,87,91)
```
#346368
```
#346368 rgb(52,99,104)
```
#3b6f75
```
#3b6f75 rgb(59,111,117)
```
#417c82
```
#417c82 rgb(65,124,130)
```
#48888f
```
#48888f rgb(72,136,143)
```
#4f959c
```
#4f959c rgb(79,149,156)
```
#55a1a9
```
#55a1a9 rgb(85,161,169)
```

Shade Color Variation

#62a9b0
```
#62a9b0 rgb(98,169,176)
```
#6fb0b6
```
#6fb0b6 rgb(111,176,182)
```
#7cb7bd
```
#7cb7bd rgb(124,183,189)
```
#89bec4
```
#89bec4 rgb(137,190,196)
```
#96c5ca
```
#96c5ca rgb(150,197,202)
```
#a3cdd1
```
#a3cdd1 rgb(163,205,209)
```
#b0d4d7
```
#b0d4d7 rgb(176,212,215)
```
#bddbde
```
#bddbde rgb(189,219,222)
```
#cae2e4
```
#cae2e4 rgb(202,226,228)
```
#d7e9eb
```
#d7e9eb rgb(215,233,235)
```
#e4f0f2
```
#e4f0f2 rgb(228,240,242)
```
#f1f8f8
```
#f1f8f8 rgb(241,248,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 #3fe8fa is the most saturated one.

#9a9e9f
```
#9a9e9f rgb(154,158,159)
```
#93a4a6
```
#93a4a6 rgb(147,164,166)
```
#8babae
```
#8babae rgb(139,171,174)
```
#84b1b5
```
#84b1b5 rgb(132,177,181)
```
#7cb7bd
```
#7cb7bd rgb(124,183,189)
```
#74bdc5
```
#74bdc5 rgb(116,189,197)
```
#6dc3cc
```
#6dc3cc rgb(109,195,204)
```
#65cad4
```
#65cad4 rgb(101,202,212)
```
#5ed0db
```
#5ed0db rgb(94,208,219)
```
#56d6e3
```
#56d6e3 rgb(86,214,227)
```
#4fdcea
```
#4fdcea rgb(79,220,234)
```
#47e2f2
```
#47e2f2 rgb(71,226,242)
```
#3fe8fa
```
#3fe8fa rgb(63,232,250)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#9ea9ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1b0ba Protanopia 1% of men
#b8adc5 Deuteranopia 1% of men
#84b9c7 Tritanopia 0.001% of the population

Trichromacy

#9eb2bb Protanomaly 1% of men, 0.01% of women
#a2b0c2 Deuteranomaly 6% of men, 0.4% of women
#81b8c3 Tritanomaly 0.01% of the population

#7cb7bd hex color

#7cb7bd Color Information

#7cb7bd Color Conversion

Color Schemes with #7cb7bd

Alternatives to #7cb7bd

#7cb7bd Preview

Shades and Tints of #7cb7bd

Tones of #7cb7bd

Color Blindness Simulator