#7bb1b6 hex color

In a RGB color space, hex #7bb1b6 is composed of 48.2% red, 69.4% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 32.4% cyan, 2.7% magenta, 0% yellow and 28.6% black. It has a hue angle of 185.1 degrees, a saturation of 28.8% and a lightness of 59.8%. #7bb1b6 color hex could be obtained by blending #f6ffff with #00636d. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 48
- G 69
- B 71
RGB color chart
- C 32
- M 3
- Y 0
- K 29
CMYK color chart

● #7bb1b6 color description : Slightly desaturated cyan.

The hexadecimal color #7bb1b6 has RGB values of R:123, G:177, B:182 and CMYK values of C:0.32, M:0.03, Y:0, K:0.29. Its decimal value is 8106422.

Hex triplet	7bb1b6	`#7bb1b6`
RGB Decimal	123, 177, 182	`rgb(123,177,182)`
RGB Percent	48.2, 69.4, 71.4	`rgb(48.2%,69.4%,71.4%)`
CMYK	32, 3, 0, 29
HSL	185.1°, 28.8, 59.8	`hsl(185.1,28.8%,59.8%)`
HSV (or HSB)	185.1°, 32.4, 71.4
Web Safe	6699cc	`#6699cc`

CIE-LAB	68.774, -16.371, -8.224
XYZ	32.332, 39.031, 50.084
xyY	0.266, 0.321, 39.031
CIE-LCH	68.774, 18.321, 206.674
CIE-LUV	68.774, -26.335, -9.807
Hunter-Lab	62.475, -16.954, -3.798
Binary	01111011, 10110001, 10110110

#7bb1b6
```
#7bb1b6 rgb(123,177,182)
```
#b6807b
```
#b6807b rgb(182,128,123)
```

Complementary Color

#7bb69e
```
#7bb69e rgb(123,182,158)
```
#7bb1b6
```
#7bb1b6 rgb(123,177,182)
```
#7b94b6
```
#7b94b6 rgb(123,148,182)
```

Analogous Color

#b69e7b
```
#b69e7b rgb(182,158,123)
```
#7bb1b6
```
#7bb1b6 rgb(123,177,182)
```
#b67b94
```
#b67b94 rgb(182,123,148)
```

Split Complementary Color

#b1b67b
```
#b1b67b rgb(177,182,123)
```
#7bb1b6
```
#7bb1b6 rgb(123,177,182)
```
#b67bb1
```
#b67bb1 rgb(182,123,177)
```

Triadic Color

#7bb680
```
#7bb680 rgb(123,182,128)
```
#7bb1b6
```
#7bb1b6 rgb(123,177,182)
```
#b67bb1
```
#b67bb1 rgb(182,123,177)
```
#b6807b
```
#b6807b rgb(182,128,123)
```

Tetradic Color

#518e93
```
#518e93 rgb(81,142,147)
```
#5a9da4
```
#5a9da4 rgb(90,157,164)
```
#6ba7ad
```
#6ba7ad rgb(107,167,173)
```
#7bb1b6
```
#7bb1b6 rgb(123,177,182)
```
#8bbbbf
```
#8bbbbf rgb(139,187,191)
```
#9cc4c8
```
#9cc4c8 rgb(156,196,200)
```
#acced1
```
#acced1 rgb(172,206,209)
```

Monochromatic Color

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

#7bb6ac
```
#7bb6ac rgb(123,182,172)
```
#7bb6b1
```
#7bb6b1 rgb(123,182,177)
```
#7bb6b6
```
#7bb6b6 rgb(123,182,182)
```
#7bb1b6
```
#7bb1b6 rgb(123,177,182)
```
#7bacb6
```
#7bacb6 rgb(123,172,182)
```
#7ba7b6
```
#7ba7b6 rgb(123,167,182)
```
#7ba2b6
```
#7ba2b6 rgb(123,162,182)
```

Similar Colors

Text with hexadecimal color #7bb1b6

This text has a font color of #7bb1b6.

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

#7bb1b6 background color

This paragraph has a background color of #7bb1b6.

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

#7bb1b6 border color

This element has a border color of #7bb1b6.

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

CSS codes

.text {color:#7bb1b6;}

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

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

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

#040707
```
#040707 rgb(4,7,7)
```
#0b1314
```
#0b1314 rgb(11,19,20)
```
#121f20
```
#121f20 rgb(18,31,32)
```
#192b2d
```
#192b2d rgb(25,43,45)
```
#203739
```
#203739 rgb(32,55,57)
```
#274346
```
#274346 rgb(39,67,70)
```
#2e5053
```
#2e5053 rgb(46,80,83)
```
#355c5f
```
#355c5f rgb(53,92,95)
```
#3c686c
```
#3c686c rgb(60,104,108)
```
#437479
```
#437479 rgb(67,116,121)
```
#4a8085
```
#4a8085 rgb(74,128,133)
```
#518c92
```
#518c92 rgb(81,140,146)
```
#58989e
```
#58989e rgb(88,152,158)
```

Shade Color Variation

#62a2a8
```
#62a2a8 rgb(98,162,168)
```
#6eaaaf
```
#6eaaaf rgb(110,170,175)
```
#7bb1b6
```
#7bb1b6 rgb(123,177,182)
```
#88b8bd
```
#88b8bd rgb(136,184,189)
```
#94c0c4
```
#94c0c4 rgb(148,192,196)
```
#a1c7cb
```
#a1c7cb rgb(161,199,203)
```
#aecfd2
```
#aecfd2 rgb(174,207,210)
```
#bad6d9
```
#bad6d9 rgb(186,214,217)
```
#c7dee0
```
#c7dee0 rgb(199,222,224)
```
#d3e5e7
```
#d3e5e7 rgb(211,229,231)
```
#e0edee
```
#e0edee rgb(224,237,238)
```
#edf4f5
```
#edf4f5 rgb(237,244,245)
```
#f9fcfc
```
#f9fcfc rgb(249,252,252)
```

Tint Color Variation

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

#939d9e
```
#939d9e rgb(147,157,158)
```
#8ba4a6
```
#8ba4a6 rgb(139,164,166)
```
#83aaae
```
#83aaae rgb(131,170,174)
```
#7bb1b6
```
#7bb1b6 rgb(123,177,182)
```
#73b8be
```
#73b8be rgb(115,184,190)
```
#6bbec6
```
#6bbec6 rgb(107,190,198)
```
#63c5ce
```
#63c5ce rgb(99,197,206)
```
#5bcbd6
```
#5bcbd6 rgb(91,203,214)
```
#54d2dd
```
#54d2dd rgb(84,210,221)
```
#4cd8e5
```
#4cd8e5 rgb(76,216,229)
```
#44dfed
```
#44dfed rgb(68,223,237)
```
#3ce5f5
```
#3ce5f5 rgb(60,229,245)
```
#34ecfd
```
#34ecfd rgb(52,236,253)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#99a4a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#acabb4 Protanopia 1% of men
#b3a8be Deuteranopia 1% of men
#83b3c0 Tritanopia 0.001% of the population

Trichromacy

#9aadb4 Protanomaly 1% of men, 0.01% of women
#9eabbb Deuteranomaly 6% of men, 0.4% of women
#80b2bc Tritanomaly 0.01% of the population

#7bb1b6 hex color

#7bb1b6 Color Information

#7bb1b6 Color Conversion

Color Schemes with #7bb1b6

Alternatives to #7bb1b6

#7bb1b6 Preview

Shades and Tints of #7bb1b6

Tones of #7bb1b6

Color Blindness Simulator