#7bd6ba hex color

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

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

● #7bd6ba color description : Slightly desaturated cyan - lime green.

The hexadecimal color #7bd6ba has RGB values of R:123, G:214, B:186 and CMYK values of C:0.43, M:0, Y:0.13, K:0.16. Its decimal value is 8115898.

Hex triplet	7bd6ba	`#7bd6ba`
RGB Decimal	123, 214, 186	`rgb(123,214,186)`
RGB Percent	48.2, 83.9, 72.9	`rgb(48.2%,83.9%,72.9%)`
CMYK	43, 0, 13, 16
HSL	161.5°, 52.6, 66.1	`hsl(161.5,52.6%,66.1%)`
HSV (or HSB)	161.5°, 42.5, 83.9
Web Safe	66cccc	`#66cccc`

CIE-LAB	79.527, -33.731, 5.355
XYZ	41.075, 55.847, 55.067
xyY	0.27, 0.367, 55.847
CIE-LCH	79.527, 34.153, 170.978
CIE-LUV	79.527, -41.83, 13.556
Hunter-Lab	74.731, -32.668, 8.623
Binary	01111011, 11010110, 10111010

#7bd6ba
```
#7bd6ba rgb(123,214,186)
```
#d67b97
```
#d67b97 rgb(214,123,151)
```

Complementary Color

#7bd68d
```
#7bd68d rgb(123,214,141)
```
#7bd6ba
```
#7bd6ba rgb(123,214,186)
```
#7bc5d6
```
#7bc5d6 rgb(123,197,214)
```

Analogous Color

#d68d7b
```
#d68d7b rgb(214,141,123)
```
#7bd6ba
```
#7bd6ba rgb(123,214,186)
```
#d67bc5
```
#d67bc5 rgb(214,123,197)
```

Split Complementary Color

#d6ba7b
```
#d6ba7b rgb(214,186,123)
```
#7bd6ba
```
#7bd6ba rgb(123,214,186)
```
#ba7bd6
```
#ba7bd6 rgb(186,123,214)
```

Triadic Color

#97d67b
```
#97d67b rgb(151,214,123)
```
#7bd6ba
```
#7bd6ba rgb(123,214,186)
```
#ba7bd6
```
#ba7bd6 rgb(186,123,214)
```
#d67b97
```
#d67b97 rgb(214,123,151)
```

Tetradic Color

#41c49b
```
#41c49b rgb(65,196,155)
```
#54caa6
```
#54caa6 rgb(84,202,166)
```
#68d0b0
```
#68d0b0 rgb(104,208,176)
```
#7bd6ba
```
#7bd6ba rgb(123,214,186)
```
#8edcc4
```
#8edcc4 rgb(142,220,196)
```
#a2e2ce
```
#a2e2ce rgb(162,226,206)
```
#b5e8d9
```
#b5e8d9 rgb(181,232,217)
```

Monochromatic Color

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

#7bd6a3
```
#7bd6a3 rgb(123,214,163)
```
#7bd6ab
```
#7bd6ab rgb(123,214,171)
```
#7bd6b2
```
#7bd6b2 rgb(123,214,178)
```
#7bd6ba
```
#7bd6ba rgb(123,214,186)
```
#7bd6c2
```
#7bd6c2 rgb(123,214,194)
```
#7bd6c9
```
#7bd6c9 rgb(123,214,201)
```
#7bd6d1
```
#7bd6d1 rgb(123,214,209)
```

Similar Colors

Text with hexadecimal color #7bd6ba

This text has a font color of #7bd6ba.

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

#7bd6ba background color

This paragraph has a background color of #7bd6ba.

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

#7bd6ba border color

This element has a border color of #7bd6ba.

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

CSS codes

.text {color:#7bd6ba;}

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

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

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

#010302
```
#010302 rgb(1,3,2)
```
#05120e
```
#05120e rgb(5,18,14)
```
#0a211a
```
#0a211a rgb(10,33,26)
```
#0f3026
```
#0f3026 rgb(15,48,38)
```
#133f31
```
#133f31 rgb(19,63,49)
```
#184e3d
```
#184e3d rgb(24,78,61)
```
#1d5c49
```
#1d5c49 rgb(29,92,73)
```
#216b55
```
#216b55 rgb(33,107,85)
```
#267a60
```
#267a60 rgb(38,122,96)
```
#2b896c
```
#2b896c rgb(43,137,108)
```
#2f9878
```
#2f9878 rgb(47,152,120)
```
#34a784
```
#34a784 rgb(52,167,132)
```
#39b690
```
#39b690 rgb(57,182,144)
```

Shade Color Variation

#3fc39b
```
#3fc39b rgb(63,195,155)
```
#4ec8a3
```
#4ec8a3 rgb(78,200,163)
```
#5dcdaa
```
#5dcdaa rgb(93,205,170)
```
#6cd1b2
```
#6cd1b2 rgb(108,209,178)
```
#7bd6ba
```
#7bd6ba rgb(123,214,186)
```
#8adbc2
```
#8adbc2 rgb(138,219,194)
```
#99dfca
```
#99dfca rgb(153,223,202)
```
#a8e4d1
```
#a8e4d1 rgb(168,228,209)
```
#b7e9d9
```
#b7e9d9 rgb(183,233,217)
```
#c6ede1
```
#c6ede1 rgb(198,237,225)
```
#d5f2e9
```
#d5f2e9 rgb(213,242,233)
```
#e4f7f1
```
#e4f7f1 rgb(228,247,241)
```
#f3fbf9
```
#f3fbf9 rgb(243,251,249)
```

Tint Color Variation

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

#a3aeab
```
#a3aeab rgb(163,174,171)
```
#9cb5ad
```
#9cb5ad rgb(156,181,173)
```
#96bbb0
```
#96bbb0 rgb(150,187,176)
```
#8fc2b2
```
#8fc2b2 rgb(143,194,178)
```
#88c9b5
```
#88c9b5 rgb(136,201,181)
```
#82cfb7
```
#82cfb7 rgb(130,207,183)
```
#7bd6ba
```
#7bd6ba rgb(123,214,186)
```
#74ddbd
```
#74ddbd rgb(116,221,189)
```
#6ee3bf
```
#6ee3bf rgb(110,227,191)
```
#67eac2
```
#67eac2 rgb(103,234,194)
```
#60f1c4
```
#60f1c4 rgb(96,241,196)
```
#5af7c7
```
#5af7c7 rgb(90,247,199)
```
#53fec9
```
#53fec9 rgb(83,254,201)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#acbeb8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfc7b5 Protanopia 1% of men
#dbc2c5 Deuteranopia 1% of men
#8dd2e2 Tritanopia 0.001% of the population

Trichromacy

#b1ccb7 Protanomaly 1% of men, 0.01% of women
#b8c9c1 Deuteranomaly 6% of men, 0.4% of women
#86d3d3 Tritanomaly 0.01% of the population

#7bd6ba hex color

#7bd6ba Color Information

#7bd6ba Color Conversion

Color Schemes with #7bd6ba

Alternatives to #7bd6ba

#7bd6ba Preview

Shades and Tints of #7bd6ba

Tones of #7bd6ba

Color Blindness Simulator