#7bbdb8 hex color

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

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

● #7bbdb8 color description : Slightly desaturated cyan.

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

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

CIE-LAB	72.272, -22.048, -4.143
XYZ	35.015, 44.065, 52.005
xyY	0.267, 0.336, 44.065
CIE-LCH	72.272, 22.434, 190.642
CIE-LUV	72.272, -31.427, -2.691
Hunter-Lab	66.382, -22.011, 0.018
Binary	01111011, 10111101, 10111000

#7bbdb8
```
#7bbdb8 rgb(123,189,184)
```
#bd7b80
```
#bd7b80 rgb(189,123,128)
```

Complementary Color

#7bbd97
```
#7bbd97 rgb(123,189,151)
```
#7bbdb8
```
#7bbdb8 rgb(123,189,184)
```
#7ba1bd
```
#7ba1bd rgb(123,161,189)
```

Analogous Color

#bd977b
```
#bd977b rgb(189,151,123)
```
#7bbdb8
```
#7bbdb8 rgb(123,189,184)
```
#bd7ba1
```
#bd7ba1 rgb(189,123,161)
```

Split Complementary Color

#bdb87b
```
#bdb87b rgb(189,184,123)
```
#7bbdb8
```
#7bbdb8 rgb(123,189,184)
```
#b87bbd
```
#b87bbd rgb(184,123,189)
```

Triadic Color

#80bd7b
```
#80bd7b rgb(128,189,123)
```
#7bbdb8
```
#7bbdb8 rgb(123,189,184)
```
#b87bbd
```
#b87bbd rgb(184,123,189)
```
#bd7b80
```
#bd7b80 rgb(189,123,128)
```

Tetradic Color

#4f9d97
```
#4f9d97 rgb(79,157,151)
```
#59aca6
```
#59aca6 rgb(89,172,166)
```
#6ab5af
```
#6ab5af rgb(106,181,175)
```
#7bbdb8
```
#7bbdb8 rgb(123,189,184)
```
#8cc6c1
```
#8cc6c1 rgb(140,198,193)
```
#9dceca
```
#9dceca rgb(157,206,202)
```
#aed7d3
```
#aed7d3 rgb(174,215,211)
```

Monochromatic Color

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

#7bbda8
```
#7bbda8 rgb(123,189,168)
```
#7bbdad
```
#7bbdad rgb(123,189,173)
```
#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)
```

Similar Colors

Text with hexadecimal color #7bbdb8

This text has a font color of #7bbdb8.

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

#7bbdb8 background color

This paragraph has a background color of #7bbdb8.

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

#7bbdb8 border color

This element has a border color of #7bbdb8.

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

CSS codes

.text {color:#7bbdb8;}

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

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

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

#060c0b
```
#060c0b rgb(6,12,11)
```
#0c1918
```
#0c1918 rgb(12,25,24)
```
#132625
```
#132625 rgb(19,38,37)
```
#1a3331
```
#1a3331 rgb(26,51,49)
```
#20403e
```
#20403e rgb(32,64,62)
```
#274d4a
```
#274d4a rgb(39,77,74)
```
#2d5a57
```
#2d5a57 rgb(45,90,87)
```
#346763
```
#346763 rgb(52,103,99)
```
#3a7470
```
#3a7470 rgb(58,116,112)
```
#41827d
```
#41827d rgb(65,130,125)
```
#478f89
```
#478f89 rgb(71,143,137)
```
#4e9c96
```
#4e9c96 rgb(78,156,150)
```
#54a9a2
```
#54a9a2 rgb(84,169,162)
```

Shade Color Variation

#61b0aa
```
#61b0aa rgb(97,176,170)
```
#6eb6b1
```
#6eb6b1 rgb(110,182,177)
```
#7bbdb8
```
#7bbdb8 rgb(123,189,184)
```
#88c4bf
```
#88c4bf rgb(136,196,191)
```
#95cac6
```
#95cac6 rgb(149,202,198)
```
#a2d1cd
```
#a2d1cd rgb(162,209,205)
```
#afd7d4
```
#afd7d4 rgb(175,215,212)
```
#bcdedb
```
#bcdedb rgb(188,222,219)
```
#c9e4e2
```
#c9e4e2 rgb(201,228,226)
```
#d7ebe9
```
#d7ebe9 rgb(215,235,233)
```
#e4f1f0
```
#e4f1f0 rgb(228,241,240)
```
#f1f8f7
```
#f1f8f7 rgb(241,248,247)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#999f9e
```
#999f9e rgb(153,159,158)
```
#92a6a5
```
#92a6a5 rgb(146,166,165)
```
#8aaeab
```
#8aaeab rgb(138,174,171)
```
#83b5b2
```
#83b5b2 rgb(131,181,178)
```
#7bbdb8
```
#7bbdb8 rgb(123,189,184)
```
#73c5be
```
#73c5be rgb(115,197,190)
```
#6cccc5
```
#6cccc5 rgb(108,204,197)
```
#64d4cb
```
#64d4cb rgb(100,212,203)
```
#5ddbd2
```
#5ddbd2 rgb(93,219,210)
```
#55e3d8
```
#55e3d8 rgb(85,227,216)
```
#4debdf
```
#4debdf rgb(77,235,223)
```
#46f2e5
```
#46f2e5 rgb(70,242,229)
```
#3efaec
```
#3efaec rgb(62,250,236)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#a0adac Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8b4b5 Protanopia 1% of men
#c0b0c1 Deuteranopia 1% of men
#86bdcb Tritanopia 0.001% of the population

Trichromacy

#a1b7b6 Protanomaly 1% of men, 0.01% of women
#a7b5bd Deuteranomaly 6% of men, 0.4% of women
#82bdc4 Tritanomaly 0.01% of the population

#7bbdb8 hex color

#7bbdb8 Color Information

#7bbdb8 Color Conversion

Color Schemes with #7bbdb8

Alternatives to #7bbdb8

#7bbdb8 Preview

Shades and Tints of #7bbdb8

Tones of #7bbdb8

Color Blindness Simulator