#7bc2b4 hex color

In a RGB color space, hex #7bc2b4 is composed of 48.2% red, 76.1% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 36.6% cyan, 0% magenta, 7.2% yellow and 23.9% black. It has a hue angle of 168.2 degrees, a saturation of 36.8% and a lightness of 62.2%. #7bc2b4 color hex could be obtained by blending #f6ffff with #008569. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 48
- G 76
- B 71
RGB color chart
- C 37
- M 0
- Y 7
- K 24
CMYK color chart

● #7bc2b4 color description : Slightly desaturated cyan.

The hexadecimal color #7bc2b4 has RGB values of R:123, G:194, B:180 and CMYK values of C:0.37, M:0, Y:0.07, K:0.24. Its decimal value is 8110772.

Hex triplet	7bc2b4	`#7bc2b4`
RGB Decimal	123, 194, 180	`rgb(123,194,180)`
RGB Percent	48.2, 76.1, 70.6	`rgb(48.2%,76.1%,70.6%)`
CMYK	37, 0, 7, 24
HSL	168.2°, 36.8, 62.2	`hsl(168.2,36.8%,62.2%)`
HSV (or HSB)	168.2°, 36.6, 76.1
Web Safe	66cccc	`#66cccc`

CIE-LAB	73.603, -25.476, -0.011
XYZ	35.696, 46.088, 50.192
xyY	0.27, 0.349, 46.088
CIE-LCH	73.603, 25.476, 180.024
CIE-LUV	73.603, -33.623, 4.125
Hunter-Lab	67.888, -24.948, 3.686
Binary	01111011, 11000010, 10110100

#7bc2b4
```
#7bc2b4 rgb(123,194,180)
```
#c27b89
```
#c27b89 rgb(194,123,137)
```

Complementary Color

#7bc291
```
#7bc291 rgb(123,194,145)
```
#7bc2b4
```
#7bc2b4 rgb(123,194,180)
```
#7badc2
```
#7badc2 rgb(123,173,194)
```

Analogous Color

#c2917b
```
#c2917b rgb(194,145,123)
```
#7bc2b4
```
#7bc2b4 rgb(123,194,180)
```
#c27bad
```
#c27bad rgb(194,123,173)
```

Split Complementary Color

#c2b47b
```
#c2b47b rgb(194,180,123)
```
#7bc2b4
```
#7bc2b4 rgb(123,194,180)
```
#b47bc2
```
#b47bc2 rgb(180,123,194)
```

Triadic Color

#89c27b
```
#89c27b rgb(137,194,123)
```
#7bc2b4
```
#7bc2b4 rgb(123,194,180)
```
#b47bc2
```
#b47bc2 rgb(180,123,194)
```
#c27b89
```
#c27b89 rgb(194,123,137)
```

Tetradic Color

#4ca493
```
#4ca493 rgb(76,164,147)
```
#58b2a0
```
#58b2a0 rgb(88,178,160)
```
#6abaaa
```
#6abaaa rgb(106,186,170)
```
#7bc2b4
```
#7bc2b4 rgb(123,194,180)
```
#8ccabe
```
#8ccabe rgb(140,202,190)
```
#9ed2c8
```
#9ed2c8 rgb(158,210,200)
```
#afdad2
```
#afdad2 rgb(175,218,210)
```

Monochromatic Color

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

#7bc2a2
```
#7bc2a2 rgb(123,194,162)
```
#7bc2a8
```
#7bc2a8 rgb(123,194,168)
```
#7bc2ae
```
#7bc2ae rgb(123,194,174)
```
#7bc2b4
```
#7bc2b4 rgb(123,194,180)
```
#7bc2ba
```
#7bc2ba rgb(123,194,186)
```
#7bc2c0
```
#7bc2c0 rgb(123,194,192)
```
#7bbec2
```
#7bbec2 rgb(123,190,194)
```

Similar Colors

Text with hexadecimal color #7bc2b4

This text has a font color of #7bc2b4.

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

#7bc2b4 background color

This paragraph has a background color of #7bc2b4.

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

#7bc2b4 border color

This element has a border color of #7bc2b4.

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

CSS codes

.text {color:#7bc2b4;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#07100e
```
#07100e rgb(7,16,14)
```
#0d1d1a
```
#0d1d1a rgb(13,29,26)
```
#142a26
```
#142a26 rgb(20,42,38)
```
#1a3832
```
#1a3832 rgb(26,56,50)
```
#20453e
```
#20453e rgb(32,69,62)
```
#26534a
```
#26534a rgb(38,83,74)
```
#2c6056
```
#2c6056 rgb(44,96,86)
```
#336d62
```
#336d62 rgb(51,109,98)
```
#397b6e
```
#397b6e rgb(57,123,110)
```
#3f887a
```
#3f887a rgb(63,136,122)
```
#459686
```
#459686 rgb(69,150,134)
```
#4ba392
```
#4ba392 rgb(75,163,146)
```

Shade Color Variation

#53af9d
```
#53af9d rgb(83,175,157)
```
#60b6a5
```
#60b6a5 rgb(96,182,165)
```
#6ebcac
```
#6ebcac rgb(110,188,172)
```
#7bc2b4
```
#7bc2b4 rgb(123,194,180)
```
#88c8bc
```
#88c8bc rgb(136,200,188)
```
#96cec3
```
#96cec3 rgb(150,206,195)
```
#a3d5cb
```
#a3d5cb rgb(163,213,203)
```
#b1dbd2
```
#b1dbd2 rgb(177,219,210)
```
#bee1da
```
#bee1da rgb(190,225,218)
```
#cbe7e2
```
#cbe7e2 rgb(203,231,226)
```
#d9ede9
```
#d9ede9 rgb(217,237,233)
```
#e6f4f1
```
#e6f4f1 rgb(230,244,241)
```
#f4faf9
```
#f4faf9 rgb(244,250,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #99a4a2 is the less saturated color, while #40fdd8 is the most saturated one.

#99a4a2
```
#99a4a2 rgb(153,164,162)
```
#91aca7
```
#91aca7 rgb(145,172,167)
```
#8ab3ab
```
#8ab3ab rgb(138,179,171)
```
#82bbb0
```
#82bbb0 rgb(130,187,176)
```
#7bc2b4
```
#7bc2b4 rgb(123,194,180)
```
#74c9b8
```
#74c9b8 rgb(116,201,184)
```
#6cd1bd
```
#6cd1bd rgb(108,209,189)
```
#65d8c1
```
#65d8c1 rgb(101,216,193)
```
#5de0c6
```
#5de0c6 rgb(93,224,198)
```
#56e7ca
```
#56e7ca rgb(86,231,202)
```
#4eefcf
```
#4eefcf rgb(78,239,207)
```
#47f6d3
```
#47f6d3 rgb(71,246,211)
```
#40fdd8
```
#40fdd8 rgb(64,253,216)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#a1b0ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdb7b1 Protanopia 1% of men
#c7b3bd Deuteranopia 1% of men
#88c1cf Tritanopia 0.001% of the population

Trichromacy

#a5bbb2 Protanomaly 1% of men, 0.01% of women
#abb8ba Deuteranomaly 6% of men, 0.4% of women
#83c1c5 Tritanomaly 0.01% of the population

#7bc2b4 hex color

#7bc2b4 Color Information

#7bc2b4 Color Conversion

Color Schemes with #7bc2b4

Alternatives to #7bc2b4

#7bc2b4 Preview

Shades and Tints of #7bc2b4

Tones of #7bc2b4

Color Blindness Simulator