#7bb7bd hex color

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

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

● #7bb7bd color description : Slightly desaturated cyan.

The hexadecimal color #7bb7bd has RGB values of R:123, G:183, B:189 and CMYK values of C:0.35, M:0.03, Y:0, K:0.26. Its decimal value is 8107965.

Hex triplet	7bb7bd	`#7bb7bd`
RGB Decimal	123, 183, 189	`rgb(123,183,189)`
RGB Percent	48.2, 71.8, 74.1	`rgb(48.2%,71.8%,74.1%)`
CMYK	35, 3, 0, 26
HSL	185.5°, 33.3, 61.2	`hsl(185.5,33.3%,61.2%)`
HSV (or HSB)	185.5°, 34.9, 74.1
Web Safe	66cccc	`#66cccc`

CIE-LAB	70.699, -17.776, -9.213
XYZ	34.285, 41.75, 54.393
xyY	0.263, 0.32, 41.75
CIE-LCH	70.699, 20.022, 207.397
CIE-LUV	70.699, -28.815, -11.185
Hunter-Lab	64.615, -18.363, -4.681
Binary	01111011, 10110111, 10111101

#7bb7bd
```
#7bb7bd rgb(123,183,189)
```
#bd817b
```
#bd817b rgb(189,129,123)
```

Complementary Color

#7bbda2
```
#7bbda2 rgb(123,189,162)
```
#7bb7bd
```
#7bb7bd rgb(123,183,189)
```
#7b96bd
```
#7b96bd rgb(123,150,189)
```

Analogous Color

#bda27b
```
#bda27b rgb(189,162,123)
```
#7bb7bd
```
#7bb7bd rgb(123,183,189)
```
#bd7b96
```
#bd7b96 rgb(189,123,150)
```

Split Complementary Color

#b7bd7b
```
#b7bd7b rgb(183,189,123)
```
#7bb7bd
```
#7bb7bd rgb(123,183,189)
```
#bd7bb7
```
#bd7bb7 rgb(189,123,183)
```

Triadic Color

#7bbd81
```
#7bbd81 rgb(123,189,129)
```
#7bb7bd
```
#7bb7bd rgb(123,183,189)
```
#bd7bb7
```
#bd7bb7 rgb(189,123,183)
```
#bd817b
```
#bd817b rgb(189,129,123)
```

Tetradic Color

#4f969d
```
#4f969d rgb(79,150,157)
```
#59a4ac
```
#59a4ac rgb(89,164,172)
```
#6aaeb5
```
#6aaeb5 rgb(106,174,181)
```
#7bb7bd
```
#7bb7bd rgb(123,183,189)
```
#8cc0c6
```
#8cc0c6 rgb(140,192,198)
```
#9dcace
```
#9dcace rgb(157,202,206)
```
#aed3d7
```
#aed3d7 rgb(174,211,215)
```

Monochromatic Color

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

#7bbdb3
```
#7bbdb3 rgb(123,189,179)
```
#7bbdb8
```
#7bbdb8 rgb(123,189,184)
```
#7bbdbd
```
#7bbdbd rgb(123,189,189)
```
#7bb7bd
```
#7bb7bd rgb(123,183,189)
```
#7bb2bd
```
#7bb2bd rgb(123,178,189)
```
#7bacbd
```
#7bacbd rgb(123,172,189)
```
#7ba7bd
```
#7ba7bd rgb(123,167,189)
```

Similar Colors

Text with hexadecimal color #7bb7bd

This text has a font color of #7bb7bd.

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

#7bb7bd background color

This paragraph has a background color of #7bb7bd.

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

#7bb7bd border color

This element has a border color of #7bb7bd.

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

CSS codes

.text {color:#7bb7bd;}

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

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

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

#060b0c
```
#060b0c rgb(6,11,12)
```
#0c1819
```
#0c1819 rgb(12,24,25)
```
#132426
```
#132426 rgb(19,36,38)
```
#1a3133
```
#1a3133 rgb(26,49,51)
```
#203d40
```
#203d40 rgb(32,61,64)
```
#274a4d
```
#274a4d rgb(39,74,77)
```
#2d565a
```
#2d565a rgb(45,86,90)
```
#346367
```
#346367 rgb(52,99,103)
```
#3a6f74
```
#3a6f74 rgb(58,111,116)
```
#417c82
```
#417c82 rgb(65,124,130)
```
#47888f
```
#47888f rgb(71,136,143)
```
#4e959c
```
#4e959c rgb(78,149,156)
```
#54a1a9
```
#54a1a9 rgb(84,161,169)
```

Shade Color Variation

#61a9b0
```
#61a9b0 rgb(97,169,176)
```
#6eb0b6
```
#6eb0b6 rgb(110,176,182)
```
#7bb7bd
```
#7bb7bd rgb(123,183,189)
```
#88bec4
```
#88bec4 rgb(136,190,196)
```
#95c5ca
```
#95c5ca rgb(149,197,202)
```
#a2ccd1
```
#a2ccd1 rgb(162,204,209)
```
#afd4d7
```
#afd4d7 rgb(175,212,215)
```
#bcdbde
```
#bcdbde rgb(188,219,222)
```
#c9e2e4
```
#c9e2e4 rgb(201,226,228)
```
#d7e9eb
```
#d7e9eb rgb(215,233,235)
```
#e4f0f1
```
#e4f0f1 rgb(228,240,241)
```
#f1f7f8
```
#f1f7f8 rgb(241,247,248)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#999e9f
```
#999e9f rgb(153,158,159)
```
#92a4a6
```
#92a4a6 rgb(146,164,166)
```
#8aabae
```
#8aabae rgb(138,171,174)
```
#83b1b5
```
#83b1b5 rgb(131,177,181)
```
#7bb7bd
```
#7bb7bd rgb(123,183,189)
```
#73bdc5
```
#73bdc5 rgb(115,189,197)
```
#6cc3cc
```
#6cc3cc rgb(108,195,204)
```
#64cad4
```
#64cad4 rgb(100,202,212)
```
#5dd0db
```
#5dd0db rgb(93,208,219)
```
#55d6e3
```
#55d6e3 rgb(85,214,227)
```
#4ddceb
```
#4ddceb rgb(77,220,235)
```
#46e3f2
```
#46e3f2 rgb(70,227,242)
```
#3ee9fa
```
#3ee9fa rgb(62,233,250)
```

Tone Color Variation

Below, you can see how #7bb7bd 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
#9da9ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1b0ba Protanopia 1% of men
#b7acc5 Deuteranopia 1% of men
#83b9c7 Tritanopia 0.001% of the population

Trichromacy

#9db2bb Protanomaly 1% of men, 0.01% of women
#a1b0c2 Deuteranomaly 6% of men, 0.4% of women
#80b8c3 Tritanomaly 0.01% of the population

#7bb7bd hex color

#7bb7bd Color Information

#7bb7bd Color Conversion

Color Schemes with #7bb7bd

Alternatives to #7bb7bd

#7bb7bd Preview

Shades and Tints of #7bb7bd

Tones of #7bb7bd

Color Blindness Simulator