#7bd6cf hex color

In a RGB color space, hex #7bd6cf is composed of 48.2% red, 83.9% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 42.5% cyan, 0% magenta, 3.3% yellow and 16.1% black. It has a hue angle of 175.4 degrees, a saturation of 52.6% and a lightness of 66.1%. #7bd6cf color hex could be obtained by blending #f6ffff with #00ad9f. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 48
- G 84
- B 81
RGB color chart
- C 43
- M 0
- Y 3
- K 16
CMYK color chart

● #7bd6cf color description : Slightly desaturated cyan.

The hexadecimal color #7bd6cf has RGB values of R:123, G:214, B:207 and CMYK values of C:0.43, M:0, Y:0.03, K:0.16. Its decimal value is 8115919.

Hex triplet	7bd6cf	`#7bd6cf`
RGB Decimal	123, 214, 207	`rgb(123,214,207)`
RGB Percent	48.2, 83.9, 81.2	`rgb(48.2%,83.9%,81.2%)`
CMYK	43, 0, 3, 16
HSL	175.4°, 52.6, 66.1	`hsl(175.4,52.6%,66.1%)`
HSV (or HSB)	175.4°, 42.5, 83.9
Web Safe	66cccc	`#66cccc`

CIE-LAB	80.071, -28.855, -5.065
XYZ	43.474, 56.806, 67.702
xyY	0.259, 0.338, 56.806
CIE-LCH	80.071, 29.296, 189.956
CIE-LUV	80.071, -41.18, -3.119
Hunter-Lab	75.37, -28.937, -0.499
Binary	01111011, 11010110, 11001111

#7bd6cf
```
#7bd6cf rgb(123,214,207)
```
#d67b82
```
#d67b82 rgb(214,123,130)
```

Complementary Color

#7bd6a2
```
#7bd6a2 rgb(123,214,162)
```
#7bd6cf
```
#7bd6cf rgb(123,214,207)
```
#7bb0d6
```
#7bb0d6 rgb(123,176,214)
```

Analogous Color

#d6a27b
```
#d6a27b rgb(214,162,123)
```
#7bd6cf
```
#7bd6cf rgb(123,214,207)
```
#d67bb0
```
#d67bb0 rgb(214,123,176)
```

Split Complementary Color

#d6cf7b
```
#d6cf7b rgb(214,207,123)
```
#7bd6cf
```
#7bd6cf rgb(123,214,207)
```
#cf7bd6
```
#cf7bd6 rgb(207,123,214)
```

Triadic Color

#82d67b
```
#82d67b rgb(130,214,123)
```
#7bd6cf
```
#7bd6cf rgb(123,214,207)
```
#cf7bd6
```
#cf7bd6 rgb(207,123,214)
```
#d67b82
```
#d67b82 rgb(214,123,130)
```

Tetradic Color

#41c4ba
```
#41c4ba rgb(65,196,186)
```
#54cac1
```
#54cac1 rgb(84,202,193)
```
#68d0c8
```
#68d0c8 rgb(104,208,200)
```
#7bd6cf
```
#7bd6cf rgb(123,214,207)
```
#8edcd6
```
#8edcd6 rgb(142,220,214)
```
#a2e2dd
```
#a2e2dd rgb(162,226,221)
```
#b5e8e4
```
#b5e8e4 rgb(181,232,228)
```

Monochromatic Color

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

#7bd6b8
```
#7bd6b8 rgb(123,214,184)
```
#7bd6c0
```
#7bd6c0 rgb(123,214,192)
```
#7bd6c7
```
#7bd6c7 rgb(123,214,199)
```
#7bd6cf
```
#7bd6cf rgb(123,214,207)
```
#7bd5d6
```
#7bd5d6 rgb(123,213,214)
```
#7bced6
```
#7bced6 rgb(123,206,214)
```
#7bc6d6
```
#7bc6d6 rgb(123,198,214)
```

Similar Colors

Text with hexadecimal color #7bd6cf

This text has a font color of #7bd6cf.

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

#7bd6cf background color

This paragraph has a background color of #7bd6cf.

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

#7bd6cf border color

This element has a border color of #7bd6cf.

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

CSS codes

.text {color:#7bd6cf;}

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

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

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

#010303
```
#010303 rgb(1,3,3)
```
#051211
```
#051211 rgb(5,18,17)
```
#0a211f
```
#0a211f rgb(10,33,31)
```
#0f302d
```
#0f302d rgb(15,48,45)
```
#133f3b
```
#133f3b rgb(19,63,59)
```
#184e49
```
#184e49 rgb(24,78,73)
```
#1d5c58
```
#1d5c58 rgb(29,92,88)
```
#216b66
```
#216b66 rgb(33,107,102)
```
#267a74
```
#267a74 rgb(38,122,116)
```
#2b8982
```
#2b8982 rgb(43,137,130)
```
#2f9890
```
#2f9890 rgb(47,152,144)
```
#34a79e
```
#34a79e rgb(52,167,158)
```
#39b6ad
```
#39b6ad rgb(57,182,173)
```

Shade Color Variation

#3fc3b9
```
#3fc3b9 rgb(63,195,185)
```
#4ec8bf
```
#4ec8bf rgb(78,200,191)
```
#5dcdc4
```
#5dcdc4 rgb(93,205,196)
```
#6cd1ca
```
#6cd1ca rgb(108,209,202)
```
#7bd6cf
```
#7bd6cf rgb(123,214,207)
```
#8adbd4
```
#8adbd4 rgb(138,219,212)
```
#99dfda
```
#99dfda rgb(153,223,218)
```
#a8e4df
```
#a8e4df rgb(168,228,223)
```
#b7e9e5
```
#b7e9e5 rgb(183,233,229)
```
#c6edea
```
#c6edea rgb(198,237,234)
```
#d5f2f0
```
#d5f2f0 rgb(213,242,240)
```
#e4f7f5
```
#e4f7f5 rgb(228,247,245)
```
#f3fbfb
```
#f3fbfb rgb(243,251,251)
```

Tint Color Variation

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

#a3aead
```
#a3aead rgb(163,174,173)
```
#9cb5b3
```
#9cb5b3 rgb(156,181,179)
```
#96bbb8
```
#96bbb8 rgb(150,187,184)
```
#8fc2be
```
#8fc2be rgb(143,194,190)
```
#88c9c4
```
#88c9c4 rgb(136,201,196)
```
#82cfc9
```
#82cfc9 rgb(130,207,201)
```
#7bd6cf
```
#7bd6cf rgb(123,214,207)
```
#74ddd5
```
#74ddd5 rgb(116,221,213)
```
#6ee3da
```
#6ee3da rgb(110,227,218)
```
#67eae0
```
#67eae0 rgb(103,234,224)
```
#60f1e6
```
#60f1e6 rgb(96,241,230)
```
#5af7eb
```
#5af7eb rgb(90,247,235)
```
#53fef1
```
#53fef1 rgb(83,254,241)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#adc0be Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccc8c9 Protanopia 1% of men
#d4c4d8 Deuteranopia 1% of men
#88d5e4 Tritanopia 0.001% of the population

Trichromacy

#afcdcb Protanomaly 1% of men, 0.01% of women
#b4cad5 Deuteranomaly 6% of men, 0.4% of women
#83d5dc Tritanomaly 0.01% of the population

#7bd6cf hex color

#7bd6cf Color Information

#7bd6cf Color Conversion

Color Schemes with #7bd6cf

Alternatives to #7bd6cf

#7bd6cf Preview

Shades and Tints of #7bd6cf

Tones of #7bd6cf

Color Blindness Simulator