#7bd8cf hex color

In a RGB color space, hex #7bd8cf is composed of 48.2% red, 84.7% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 43.1% cyan, 0% magenta, 4.2% yellow and 15.3% black. It has a hue angle of 174.2 degrees, a saturation of 54.4% and a lightness of 66.5%. #7bd8cf color hex could be obtained by blending #f6ffff with #00b19f. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 48
- G 85
- B 81
RGB color chart
- C 43
- M 0
- Y 4
- K 15
CMYK color chart

● #7bd8cf color description : Slightly desaturated cyan.

The hexadecimal color #7bd8cf has RGB values of R:123, G:216, B:207 and CMYK values of C:0.43, M:0, Y:0.04, K:0.15. Its decimal value is 8116431.

Hex triplet	7bd8cf	`#7bd8cf`
RGB Decimal	123, 216, 207	`rgb(123,216,207)`
RGB Percent	48.2, 84.7, 81.2	`rgb(48.2%,84.7%,81.2%)`
CMYK	43, 0, 4, 15
HSL	174.2°, 54.4, 66.5	`hsl(174.2,54.4%,66.5%)`
HSV (or HSB)	174.2°, 43.1, 84.7
Web Safe	66cccc	`#66cccc`

CIE-LAB	80.641, -29.816, -4.223
XYZ	43.984, 57.825, 67.872
xyY	0.259, 0.341, 57.825
CIE-LCH	80.641, 30.114, 188.062
CIE-LUV	80.641, -41.984, -1.653
Hunter-Lab	76.043, -29.83, 0.311
Binary	01111011, 11011000, 11001111

#7bd8cf
```
#7bd8cf rgb(123,216,207)
```
#d87b84
```
#d87b84 rgb(216,123,132)
```

Complementary Color

#7bd8a1
```
#7bd8a1 rgb(123,216,161)
```
#7bd8cf
```
#7bd8cf rgb(123,216,207)
```
#7bb3d8
```
#7bb3d8 rgb(123,179,216)
```

Analogous Color

#d8a17b
```
#d8a17b rgb(216,161,123)
```
#7bd8cf
```
#7bd8cf rgb(123,216,207)
```
#d87bb3
```
#d87bb3 rgb(216,123,179)
```

Split Complementary Color

#d8cf7b
```
#d8cf7b rgb(216,207,123)
```
#7bd8cf
```
#7bd8cf rgb(123,216,207)
```
#cf7bd8
```
#cf7bd8 rgb(207,123,216)
```

Triadic Color

#84d87b
```
#84d87b rgb(132,216,123)
```
#7bd8cf
```
#7bd8cf rgb(123,216,207)
```
#cf7bd8
```
#cf7bd8 rgb(207,123,216)
```
#d87b84
```
#d87b84 rgb(216,123,132)
```

Tetradic Color

#40c7ba
```
#40c7ba rgb(64,199,186)
```
#54ccc1
```
#54ccc1 rgb(84,204,193)
```
#67d2c8
```
#67d2c8 rgb(103,210,200)
```
#7bd8cf
```
#7bd8cf rgb(123,216,207)
```
#8fded6
```
#8fded6 rgb(143,222,214)
```
#a2e4dd
```
#a2e4dd rgb(162,228,221)
```
#b6e9e4
```
#b6e9e4 rgb(182,233,228)
```

Monochromatic Color

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

#7bd8b8
```
#7bd8b8 rgb(123,216,184)
```
#7bd8c0
```
#7bd8c0 rgb(123,216,192)
```
#7bd8c7
```
#7bd8c7 rgb(123,216,199)
```
#7bd8cf
```
#7bd8cf rgb(123,216,207)
```
#7bd8d7
```
#7bd8d7 rgb(123,216,215)
```
#7bd2d8
```
#7bd2d8 rgb(123,210,216)
```
#7bcad8
```
#7bcad8 rgb(123,202,216)
```

Similar Colors

Text with hexadecimal color #7bd8cf

This text has a font color of #7bd8cf.

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

#7bd8cf background color

This paragraph has a background color of #7bd8cf.

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

#7bd8cf border color

This element has a border color of #7bd8cf.

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

CSS codes

.text {color:#7bd8cf;}

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

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

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

#010404
```
#010404 rgb(1,4,4)
```
#061312
```
#061312 rgb(6,19,18)
```
#0a2320
```
#0a2320 rgb(10,35,32)
```
#0f322e
```
#0f322e rgb(15,50,46)
```
#13413c
```
#13413c rgb(19,65,60)
```
#18504b
```
#18504b rgb(24,80,75)
```
#1c5f59
```
#1c5f59 rgb(28,95,89)
```
#216e67
```
#216e67 rgb(33,110,103)
```
#257d75
```
#257d75 rgb(37,125,117)
```
#2a8d83
```
#2a8d83 rgb(42,141,131)
```
#2e9c91
```
#2e9c91 rgb(46,156,145)
```
#32ab9f
```
#32ab9f rgb(50,171,159)
```
#37baad
```
#37baad rgb(55,186,173)
```

Shade Color Variation

#3ec6b9
```
#3ec6b9 rgb(62,198,185)
```
#4ecbbe
```
#4ecbbe rgb(78,203,190)
```
#5dcfc4
```
#5dcfc4 rgb(93,207,196)
```
#6cd4c9
```
#6cd4c9 rgb(108,212,201)
```
#7bd8cf
```
#7bd8cf rgb(123,216,207)
```
#8adcd5
```
#8adcd5 rgb(138,220,213)
```
#99e1da
```
#99e1da rgb(153,225,218)
```
#a8e5e0
```
#a8e5e0 rgb(168,229,224)
```
#b8eae5
```
#b8eae5 rgb(184,234,229)
```
#c7eeeb
```
#c7eeeb rgb(199,238,235)
```
#d6f3f0
```
#d6f3f0 rgb(214,243,240)
```
#e5f7f6
```
#e5f7f6 rgb(229,247,246)
```
#f4fcfb
```
#f4fcfb rgb(244,252,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a9aaaa is the less saturated color, while #5af9ea is the most saturated one.

#a9aaaa
```
#a9aaaa rgb(169,170,170)
```
#a2b1af
```
#a2b1af rgb(162,177,175)
```
#9cb7b4
```
#9cb7b4 rgb(156,183,180)
```
#95beba
```
#95beba rgb(149,190,186)
```
#8fc4bf
```
#8fc4bf rgb(143,196,191)
```
#88cbc4
```
#88cbc4 rgb(136,203,196)
```
#82d1ca
```
#82d1ca rgb(130,209,202)
```
#7bd8cf
```
#7bd8cf rgb(123,216,207)
```
#74dfd4
```
#74dfd4 rgb(116,223,212)
```
#6ee5da
```
#6ee5da rgb(110,229,218)
```
#67ecdf
```
#67ecdf rgb(103,236,223)
```
#61f2e4
```
#61f2e4 rgb(97,242,228)
```
#5af9ea
```
#5af9ea rgb(90,249,234)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#aec1bf Atypical Achromatopsia 0.001% of the population

Dichromacy

#cecac8 Protanopia 1% of men
#d7c5d8 Deuteranopia 1% of men
#89d6e6 Tritanopia 0.001% of the population

Trichromacy

#b0cfcb Protanomaly 1% of men, 0.01% of women
#b5ccd5 Deuteranomaly 6% of men, 0.4% of women
#84d7dd Tritanomaly 0.01% of the population

#7bd8cf hex color

#7bd8cf Color Information

#7bd8cf Color Conversion

Color Schemes with #7bd8cf

Alternatives to #7bd8cf

#7bd8cf Preview

Shades and Tints of #7bd8cf

Tones of #7bd8cf

Color Blindness Simulator