#7cb2b1 hex color

In a RGB color space, hex #7cb2b1 is composed of 48.6% red, 69.8% green and 69.4% blue. Whereas in a CMYK color space, it is composed of 30.3% cyan, 0% magenta, 0.6% yellow and 30.2% black. It has a hue angle of 178.9 degrees, a saturation of 26% and a lightness of 59.2%. #7cb2b1 color hex could be obtained by blending #f8ffff with #006563. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 49
- G 70
- B 69
RGB color chart
- C 30
- M 0
- Y 1
- K 30
CMYK color chart

● #7cb2b1 color description : Mostly desaturated dark cyan.

The hexadecimal color #7cb2b1 has RGB values of R:124, G:178, B:177 and CMYK values of C:0.3, M:0, Y:0.01, K:0.3. Its decimal value is 8172209.

Hex triplet	7cb2b1	`#7cb2b1`
RGB Decimal	124, 178, 177	`rgb(124,178,177)`
RGB Percent	48.6, 69.8, 69.4	`rgb(48.6%,69.8%,69.4%)`
CMYK	30, 0, 1, 30
HSL	178.9°, 26, 59.2	`hsl(178.9,26%,59.2%)`
HSV (or HSB)	178.9°, 30.3, 69.8
Web Safe	669999	`#669999`

CIE-LAB	68.967, -17.801, -5.171
XYZ	32.166, 39.299, 47.483
xyY	0.27, 0.33, 39.299
CIE-LCH	68.967, 18.537, 196.199
CIE-LUV	68.967, -26.405, -4.888
Hunter-Lab	62.689, -18.115, -1.027
Binary	01111100, 10110010, 10110001

#7cb2b1
```
#7cb2b1 rgb(124,178,177)
```
#b27c7d
```
#b27c7d rgb(178,124,125)
```

Complementary Color

#7cb296
```
#7cb296 rgb(124,178,150)
```
#7cb2b1
```
#7cb2b1 rgb(124,178,177)
```
#7c98b2
```
#7c98b2 rgb(124,152,178)
```

Analogous Color

#b2967c
```
#b2967c rgb(178,150,124)
```
#7cb2b1
```
#7cb2b1 rgb(124,178,177)
```
#b27c98
```
#b27c98 rgb(178,124,152)
```

Split Complementary Color

#b2b17c
```
#b2b17c rgb(178,177,124)
```
#7cb2b1
```
#7cb2b1 rgb(124,178,177)
```
#b17cb2
```
#b17cb2 rgb(177,124,178)
```

Triadic Color

#7db27c
```
#7db27c rgb(125,178,124)
```
#7cb2b1
```
#7cb2b1 rgb(124,178,177)
```
#b17cb2
```
#b17cb2 rgb(177,124,178)
```
#b27c7d
```
#b27c7d rgb(178,124,125)
```

Tetradic Color

#538e8d
```
#538e8d rgb(83,142,141)
```
#5d9e9d
```
#5d9e9d rgb(93,158,157)
```
#6ca9a7
```
#6ca9a7 rgb(108,169,167)
```
#7cb2b1
```
#7cb2b1 rgb(124,178,177)
```
#8cbbbb
```
#8cbbbb rgb(140,187,187)
```
#9cc5c4
```
#9cc5c4 rgb(156,197,196)
```
#accece
```
#accece rgb(172,206,206)
```

Monochromatic Color

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

#7cb2a4
```
#7cb2a4 rgb(124,178,164)
```
#7cb2a8
```
#7cb2a8 rgb(124,178,168)
```
#7cb2ad
```
#7cb2ad rgb(124,178,173)
```
#7cb2b1
```
#7cb2b1 rgb(124,178,177)
```
#7cafb2
```
#7cafb2 rgb(124,175,178)
```
#7caab2
```
#7caab2 rgb(124,170,178)
```
#7ca6b2
```
#7ca6b2 rgb(124,166,178)
```

Similar Colors

Text with hexadecimal color #7cb2b1

This text has a font color of #7cb2b1.

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

#7cb2b1 background color

This paragraph has a background color of #7cb2b1.

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

#7cb2b1 border color

This element has a border color of #7cb2b1.

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

CSS codes

.text {color:#7cb2b1;}

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

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

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, #030505 is the darkest color, while #f8fbfb is the lightest one.

#030505
```
#030505 rgb(3,5,5)
```
#0a1111
```
#0a1111 rgb(10,17,17)
```
#111e1d
```
#111e1d rgb(17,30,29)
```
#192a2a
```
#192a2a rgb(25,42,42)
```
#203636
```
#203636 rgb(32,54,54)
```
#274342
```
#274342 rgb(39,67,66)
```
#2e4f4e
```
#2e4f4e rgb(46,79,78)
```
#365b5b
```
#365b5b rgb(54,91,91)
```
#3d6867
```
#3d6867 rgb(61,104,103)
```
#447473
```
#447473 rgb(68,116,115)
```
#4b807f
```
#4b807f rgb(75,128,127)
```
#538d8c
```
#538d8c rgb(83,141,140)
```
#5a9998
```
#5a9998 rgb(90,153,152)
```

Shade Color Variation

#63a3a2
```
#63a3a2 rgb(99,163,162)
```
#70abaa
```
#70abaa rgb(112,171,170)
```
#7cb2b1
```
#7cb2b1 rgb(124,178,177)
```
#88b9b8
```
#88b9b8 rgb(136,185,184)
```
#95c1c0
```
#95c1c0 rgb(149,193,192)
```
#a1c8c7
```
#a1c8c7 rgb(161,200,199)
```
#adcfce
```
#adcfce rgb(173,207,206)
```
#bad6d6
```
#bad6d6 rgb(186,214,214)
```
#c6dedd
```
#c6dedd rgb(198,222,221)
```
#d2e5e4
```
#d2e5e4 rgb(210,229,228)
```
#dfecec
```
#dfecec rgb(223,236,236)
```
#ebf3f3
```
#ebf3f3 rgb(235,243,243)
```
#f8fbfb
```
#f8fbfb rgb(248,251,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #949a9a is the less saturated color, while #34faf6 is the most saturated one.

#949a9a
```
#949a9a rgb(148,154,154)
```
#8ca2a2
```
#8ca2a2 rgb(140,162,162)
```
#84aaa9
```
#84aaa9 rgb(132,170,169)
```
#7cb2b1
```
#7cb2b1 rgb(124,178,177)
```
#74bab9
```
#74bab9 rgb(116,186,185)
```
#6cc2c0
```
#6cc2c0 rgb(108,194,192)
```
#64cac8
```
#64cac8 rgb(100,202,200)
```
#5cd2d0
```
#5cd2d0 rgb(92,210,208)
```
#54dad8
```
#54dad8 rgb(84,218,216)
```
#4ce2df
```
#4ce2df rgb(76,226,223)
```
#44eae7
```
#44eae7 rgb(68,234,231)
```
#3cf2ef
```
#3cf2ef rgb(60,242,239)
```
#34faf6
```
#34faf6 rgb(52,250,246)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#9aa5a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aeabaf Protanopia 1% of men
#b6a8b9 Deuteranopia 1% of men
#86b4c1 Tritanopia 0.001% of the population

Trichromacy

#9caeb0 Protanomaly 1% of men, 0.01% of women
#a1abb6 Deuteranomaly 6% of men, 0.4% of women
#82b3bb Tritanomaly 0.01% of the population

#7cb2b1 hex color

#7cb2b1 Color Information

#7cb2b1 Color Conversion

Color Schemes with #7cb2b1

Alternatives to #7cb2b1

#7cb2b1 Preview

Shades and Tints of #7cb2b1

Tones of #7cb2b1

Color Blindness Simulator