#7bbcbb hex color

In a RGB color space, hex #7bbcbb is composed of 48.2% red, 73.7% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 34.6% cyan, 0% magenta, 0.5% yellow and 26.3% black. It has a hue angle of 179.1 degrees, a saturation of 32.7% and a lightness of 61%. #7bbcbb color hex could be obtained by blending #f6ffff with #007977. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 48
- G 74
- B 73
RGB color chart
- C 35
- M 0
- Y 1
- K 26
CMYK color chart

● #7bbcbb color description : Slightly desaturated cyan.

The hexadecimal color #7bbcbb has RGB values of R:123, G:188, B:187 and CMYK values of C:0.35, M:0, Y:0.01, K:0.26. Its decimal value is 8109243.

Hex triplet	7bbcbb	`#7bbcbb`
RGB Decimal	123, 188, 187	`rgb(123,188,187)`
RGB Percent	48.2, 73.7, 73.3	`rgb(48.2%,73.7%,73.3%)`
CMYK	35, 0, 1, 26
HSL	179.1°, 32.7, 61	`hsl(179.1,32.7%,61%)`
HSV (or HSB)	179.1°, 34.6, 73.7
Web Safe	66cccc	`#66cccc`

CIE-LAB	72.07, -20.825, -6.08
XYZ	35.119, 43.764, 53.608
xyY	0.265, 0.33, 43.764
CIE-LCH	72.07, 21.695, 196.276
CIE-LUV	72.07, -30.955, -5.865
Hunter-Lab	66.154, -21.01, -1.738
Binary	01111011, 10111100, 10111011

#7bbcbb
```
#7bbcbb rgb(123,188,187)
```
#bc7b7c
```
#bc7b7c rgb(188,123,124)
```

Complementary Color

#7bbc9b
```
#7bbc9b rgb(123,188,155)
```
#7bbcbb
```
#7bbcbb rgb(123,188,187)
```
#7b9dbc
```
#7b9dbc rgb(123,157,188)
```

Analogous Color

#bc9b7b
```
#bc9b7b rgb(188,155,123)
```
#7bbcbb
```
#7bbcbb rgb(123,188,187)
```
#bc7b9d
```
#bc7b9d rgb(188,123,157)
```

Split Complementary Color

#bcbb7b
```
#bcbb7b rgb(188,187,123)
```
#7bbcbb
```
#7bbcbb rgb(123,188,187)
```
#bb7bbc
```
#bb7bbc rgb(187,123,188)
```

Triadic Color

#7cbc7b
```
#7cbc7b rgb(124,188,123)
```
#7bbcbb
```
#7bbcbb rgb(123,188,187)
```
#bb7bbc
```
#bb7bbc rgb(187,123,188)
```
#bc7b7c
```
#bc7b7c rgb(188,123,124)
```

Tetradic Color

#4f9c9a
```
#4f9c9a rgb(79,156,154)
```
#59abaa
```
#59abaa rgb(89,171,170)
```
#6ab3b2
```
#6ab3b2 rgb(106,179,178)
```
#7bbcbb
```
#7bbcbb rgb(123,188,187)
```
#8cc5c4
```
#8cc5c4 rgb(140,197,196)
```
#9dcdcc
```
#9dcdcc rgb(157,205,204)
```
#aed6d5
```
#aed6d5 rgb(174,214,213)
```

Monochromatic Color

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

#7bbcab
```
#7bbcab rgb(123,188,171)
```
#7bbcb0
```
#7bbcb0 rgb(123,188,176)
```
#7bbcb6
```
#7bbcb6 rgb(123,188,182)
```
#7bbcbb
```
#7bbcbb rgb(123,188,187)
```
#7bb8bc
```
#7bb8bc rgb(123,184,188)
```
#7bb2bc
```
#7bb2bc rgb(123,178,188)
```
#7badbc
```
#7badbc rgb(123,173,188)
```

Similar Colors

Text with hexadecimal color #7bbcbb

This text has a font color of #7bbcbb.

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

#7bbcbb background color

This paragraph has a background color of #7bbcbb.

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

#7bbcbb border color

This element has a border color of #7bbcbb.

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

CSS codes

.text {color:#7bbcbb;}

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

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

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

#060b0b
```
#060b0b rgb(6,11,11)
```
#0c1818
```
#0c1818 rgb(12,24,24)
```
#132525
```
#132525 rgb(19,37,37)
```
#193232
```
#193232 rgb(25,50,50)
```
#203f3f
```
#203f3f rgb(32,63,63)
```
#274c4c
```
#274c4c rgb(39,76,76)
```
#2d5959
```
#2d5959 rgb(45,89,89)
```
#346665
```
#346665 rgb(52,102,101)
```
#3a7372
```
#3a7372 rgb(58,115,114)
```
#41807f
```
#41807f rgb(65,128,127)
```
#488d8c
```
#488d8c rgb(72,141,140)
```
#4e9a99
```
#4e9a99 rgb(78,154,153)
```
#55a7a6
```
#55a7a6 rgb(85,167,166)
```

Shade Color Variation

#61afae
```
#61afae rgb(97,175,174)
```
#6eb5b4
```
#6eb5b4 rgb(110,181,180)
```
#7bbcbb
```
#7bbcbb rgb(123,188,187)
```
#88c3c2
```
#88c3c2 rgb(136,195,194)
```
#95c9c8
```
#95c9c8 rgb(149,201,200)
```
#a2d0cf
```
#a2d0cf rgb(162,208,207)
```
#afd6d6
```
#afd6d6 rgb(175,214,214)
```
#bcdddd
```
#bcdddd rgb(188,221,221)
```
#c9e4e3
```
#c9e4e3 rgb(201,228,227)
```
#d6eaea
```
#d6eaea rgb(214,234,234)
```
#e3f1f1
```
#e3f1f1 rgb(227,241,241)
```
#f0f7f7
```
#f0f7f7 rgb(240,247,247)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#9a9d9d
```
#9a9d9d rgb(154,157,157)
```
#92a5a5
```
#92a5a5 rgb(146,165,165)
```
#8aadac
```
#8aadac rgb(138,173,172)
```
#83b4b4
```
#83b4b4 rgb(131,180,180)
```
#7bbcbb
```
#7bbcbb rgb(123,188,187)
```
#73c4c2
```
#73c4c2 rgb(115,196,194)
```
#6ccbca
```
#6ccbca rgb(108,203,202)
```
#64d3d1
```
#64d3d1 rgb(100,211,209)
```
#5cdbd9
```
#5cdbd9 rgb(92,219,217)
```
#55e2e0
```
#55e2e0 rgb(85,226,224)
```
#4deae8
```
#4deae8 rgb(77,234,232)
```
#45f2ef
```
#45f2ef rgb(69,242,239)
```
#3ef9f6
```
#3ef9f6 rgb(62,249,246)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#9facac Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6b3b8 Protanopia 1% of men
#beb0c3 Deuteranopia 1% of men
#85bdcb Tritanopia 0.001% of the population

Trichromacy

#a0b6b9 Protanomaly 1% of men, 0.01% of women
#a5b4c0 Deuteranomaly 6% of men, 0.4% of women
#81bcc5 Tritanomaly 0.01% of the population

#7bbcbb hex color

#7bbcbb Color Information

#7bbcbb Color Conversion

Color Schemes with #7bbcbb

Alternatives to #7bbcbb

#7bbcbb Preview

Shades and Tints of #7bbcbb

Tones of #7bbcbb

Color Blindness Simulator