#7bae96 hex color

In a RGB color space, hex #7bae96 is composed of 48.2% red, 68.2% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 29.3% cyan, 0% magenta, 13.8% yellow and 31.8% black. It has a hue angle of 151.8 degrees, a saturation of 23.9% and a lightness of 58.2%. #7bae96 color hex could be obtained by blending #f6ffff with #005d2d. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 48
- G 68
- B 59
RGB color chart
- C 29
- M 0
- Y 14
- K 32
CMYK color chart

● #7bae96 color description : Mostly desaturated dark cyan - lime green.

The hexadecimal color #7bae96 has RGB values of R:123, G:174, B:150 and CMYK values of C:0.29, M:0, Y:0.14, K:0.32. Its decimal value is 8105622.

Hex triplet	7bae96	`#7bae96`
RGB Decimal	123, 174, 150	`rgb(123,174,150)`
RGB Percent	48.2, 68.2, 58.8	`rgb(48.2%,68.2%,58.8%)`
CMYK	29, 0, 14, 32
HSL	151.8°, 23.9, 58.2	`hsl(151.8,23.9%,58.2%)`
HSV (or HSB)	151.8°, 29.3, 68.2
Web Safe	669999	`#669999`

CIE-LAB	67.039, -22.065, 6.934
XYZ	28.808, 36.684, 34.415
xyY	0.288, 0.367, 36.684
CIE-LCH	67.039, 23.129, 162.554
CIE-LUV	67.039, -25.235, 13.544
Hunter-Lab	60.567, -21.092, 8.708
Binary	01111011, 10101110, 10010110

#7bae96
```
#7bae96 rgb(123,174,150)
```
#ae7b93
```
#ae7b93 rgb(174,123,147)
```

Complementary Color

#7bae7d
```
#7bae7d rgb(123,174,125)
```
#7bae96
```
#7bae96 rgb(123,174,150)
```
#7badae
```
#7badae rgb(123,173,174)
```

Analogous Color

#ae7d7b
```
#ae7d7b rgb(174,125,123)
```
#7bae96
```
#7bae96 rgb(123,174,150)
```
#ae7bad
```
#ae7bad rgb(174,123,173)
```

Split Complementary Color

#ae967b
```
#ae967b rgb(174,150,123)
```
#7bae96
```
#7bae96 rgb(123,174,150)
```
#967bae
```
#967bae rgb(150,123,174)
```

Triadic Color

#93ae7b
```
#93ae7b rgb(147,174,123)
```
#7bae96
```
#7bae96 rgb(123,174,150)
```
#967bae
```
#967bae rgb(150,123,174)
```
#ae7b93
```
#ae7b93 rgb(174,123,147)
```

Tetradic Color

#548970
```
#548970 rgb(84,137,112)
```
#5e987d
```
#5e987d rgb(94,152,125)
```
#6ba489
```
#6ba489 rgb(107,164,137)
```
#7bae96
```
#7bae96 rgb(123,174,150)
```
#8bb8a3
```
#8bb8a3 rgb(139,184,163)
```
#9bc1af
```
#9bc1af rgb(155,193,175)
```
#aacbbc
```
#aacbbc rgb(170,203,188)
```

Monochromatic Color

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

#7bae89
```
#7bae89 rgb(123,174,137)
```
#7bae8e
```
#7bae8e rgb(123,174,142)
```
#7bae92
```
#7bae92 rgb(123,174,146)
```
#7bae96
```
#7bae96 rgb(123,174,150)
```
#7bae9a
```
#7bae9a rgb(123,174,154)
```
#7bae9f
```
#7bae9f rgb(123,174,159)
```
#7baea3
```
#7baea3 rgb(123,174,163)
```

Similar Colors

Text with hexadecimal color #7bae96

This text has a font color of #7bae96.

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

#7bae96 background color

This paragraph has a background color of #7bae96.

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

#7bae96 border color

This element has a border color of #7bae96.

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

CSS codes

.text {color:#7bae96;}

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

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

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

#010201
```
#010201 rgb(1,2,1)
```
#090e0b
```
#090e0b rgb(9,14,11)
```
#101a15
```
#101a15 rgb(16,26,21)
```
#17261f
```
#17261f rgb(23,38,31)
```
#1f3229
```
#1f3229 rgb(31,50,41)
```
#263e33
```
#263e33 rgb(38,62,51)
```
#2e4b3d
```
#2e4b3d rgb(46,75,61)
```
#355747
```
#355747 rgb(53,87,71)
```
#3d6351
```
#3d6351 rgb(61,99,81)
```
#446f5b
```
#446f5b rgb(68,111,91)
```
#4c7b65
```
#4c7b65 rgb(76,123,101)
```
#53876f
```
#53876f rgb(83,135,111)
```
#5b9479
```
#5b9479 rgb(91,148,121)
```

Shade Color Variation

#639f83
```
#639f83 rgb(99,159,131)
```
#6fa78c
```
#6fa78c rgb(111,167,140)
```
#7bae96
```
#7bae96 rgb(123,174,150)
```
#87b5a0
```
#87b5a0 rgb(135,181,160)
```
#93bda9
```
#93bda9 rgb(147,189,169)
```
#9fc4b3
```
#9fc4b3 rgb(159,196,179)
```
#acccbd
```
#acccbd rgb(172,204,189)
```
#b8d3c6
```
#b8d3c6 rgb(184,211,198)
```
#c4dbd0
```
#c4dbd0 rgb(196,219,208)
```
#d0e2da
```
#d0e2da rgb(208,226,218)
```
#dceae3
```
#dceae3 rgb(220,234,227)
```
#e8f1ed
```
#e8f1ed rgb(232,241,237)
```
#f5f9f7
```
#f5f9f7 rgb(245,249,247)
```

Tint Color Variation

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

#949595
```
#949595 rgb(148,149,149)
```
#8b9e95
```
#8b9e95 rgb(139,158,149)
```
#83a696
```
#83a696 rgb(131,166,150)
```
#7bae96
```
#7bae96 rgb(123,174,150)
```
#73b696
```
#73b696 rgb(115,182,150)
```
#6bbe97
```
#6bbe97 rgb(107,190,151)
```
#62c797
```
#62c797 rgb(98,199,151)
```
#5acf98
```
#5acf98 rgb(90,207,152)
```
#52d798
```
#52d798 rgb(82,215,152)
```
#4adf99
```
#4adf99 rgb(74,223,153)
```
#42e799
```
#42e799 rgb(66,231,153)
```
#39f09a
```
#39f09a rgb(57,240,154)
```
#31f89a
```
#31f89a rgb(49,248,154)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#95a09b Atypical Achromatopsia 0.001% of the population

Dichromacy

#afa796 Protanopia 1% of men
#baa2a0 Deuteranopia 1% of men
#89adba Tritanopia 0.001% of the population

Trichromacy

#9ca996 Protanomaly 1% of men, 0.01% of women
#a3a69c Deuteranomaly 6% of men, 0.4% of women
#84adad Tritanomaly 0.01% of the population

#7bae96 hex color

#7bae96 Color Information

#7bae96 Color Conversion

Color Schemes with #7bae96

Alternatives to #7bae96

#7bae96 Preview

Shades and Tints of #7bae96

Tones of #7bae96

Color Blindness Simulator