colorhexa.com

#7ad7bc hex color

In a RGB color space, hex #7ad7bc is composed of 47.8% red, 84.3% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 43.3% cyan, 0% magenta, 12.6% yellow and 15.7% black. It has a hue angle of 162.6 degrees, a saturation of 53.8% and a lightness of 66.1%. #7ad7bc color hex could be obtained by blending #f4ffff with #00af79. Closest websafe color is: #66cccc.

- R 48
- G 84
- B 74
RGB color chart
- C 43
- M 0
- Y 13
- K 16
CMYK color chart

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

The hexadecimal color #7ad7bc has RGB values of R:122, G:215, B:188 and CMYK values of C:0.43, M:0, Y:0.13, K:0.16. Its decimal value is 8050620.

Hex triplet	7ad7bc	`#7ad7bc`
RGB Decimal	122, 215, 188	`rgb(122,215,188)`
RGB Percent	47.8, 84.3, 73.7	`rgb(47.8%,84.3%,73.7%)`
CMYK	43, 0, 13, 16
HSL	162.6°, 53.8, 66.1	`hsl(162.6,53.8%,66.1%)`
HSV (or HSB)	162.6°, 43.3, 84.3
Web Safe	66cccc	`#66cccc`

CIE-LAB	79.822, -34.008, 4.71
XYZ	41.401, 56.367, 56.272
xyY	0.269, 0.366, 56.367
CIE-LCH	79.822, 34.333, 172.114
CIE-LUV	79.822, -42.521, 12.649
Hunter-Lab	75.078, -32.954, 8.115
Binary	01111010, 11010111, 10111100

#7ad7bc
```
#7ad7bc rgb(122,215,188)
```
#d77a95
```
#d77a95 rgb(215,122,149)
```

Complementary Color

#7ad78e
```
#7ad78e rgb(122,215,142)
```
#7ad7bc
```
#7ad7bc rgb(122,215,188)
```
#7ac4d7
```
#7ac4d7 rgb(122,196,215)
```

Analogous Color

#d78e7a
```
#d78e7a rgb(215,142,122)
```
#7ad7bc
```
#7ad7bc rgb(122,215,188)
```
#d77ac4
```
#d77ac4 rgb(215,122,196)
```

Split Complementary Color

#d7bc7a
```
#d7bc7a rgb(215,188,122)
```
#7ad7bc
```
#7ad7bc rgb(122,215,188)
```
#bc7ad7
```
#bc7ad7 rgb(188,122,215)
```

Triadic Color

#95d77a
```
#95d77a rgb(149,215,122)
```
#7ad7bc
```
#7ad7bc rgb(122,215,188)
```
#bc7ad7
```
#bc7ad7 rgb(188,122,215)
```
#d77a95
```
#d77a95 rgb(215,122,149)
```

Tetradic Color

#3fc59e
```
#3fc59e rgb(63,197,158)
```
#53cba8
```
#53cba8 rgb(83,203,168)
```
#66d1b2
```
#66d1b2 rgb(102,209,178)
```
#7ad7bc
```
#7ad7bc rgb(122,215,188)
```
#8eddc6
```
#8eddc6 rgb(142,221,198)
```
#a1e3d0
```
#a1e3d0 rgb(161,227,208)
```
#b5e9da
```
#b5e9da rgb(181,233,218)
```

Monochromatic Color

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

#7ad7a5
```
#7ad7a5 rgb(122,215,165)
```
#7ad7ad
```
#7ad7ad rgb(122,215,173)
```
#7ad7b4
```
#7ad7b4 rgb(122,215,180)
```
#7ad7bc
```
#7ad7bc rgb(122,215,188)
```
#7ad7c4
```
#7ad7c4 rgb(122,215,196)
```
#7ad7cc
```
#7ad7cc rgb(122,215,204)
```
#7ad7d3
```
#7ad7d3 rgb(122,215,211)
```

Similar Colors

Text with hexadecimal color #7ad7bc

This text has a font color of #7ad7bc.

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

#7ad7bc background color

This paragraph has a background color of #7ad7bc.

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

#7ad7bc border color

This element has a border color of #7ad7bc.

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

CSS codes

.text {color:#7ad7bc;}

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

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

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)
```
#0e3026
```
#0e3026 rgb(14,48,38)
```
#133f32
```
#133f32 rgb(19,63,50)
```
#174e3e
```
#174e3e rgb(23,78,62)
```
#1c5d4a
```
#1c5d4a rgb(28,93,74)
```
#216c56
```
#216c56 rgb(33,108,86)
```
#257b62
```
#257b62 rgb(37,123,98)
```
#2a8a6e
```
#2a8a6e rgb(42,138,110)
```
#2e9a7a
```
#2e9a7a rgb(46,154,122)
```
#33a986
```
#33a986 rgb(51,169,134)
```
#37b892
```
#37b892 rgb(55,184,146)
```

Shade Color Variation

#3ec59e
```
#3ec59e rgb(62,197,158)
```
#4dc9a5
```
#4dc9a5 rgb(77,201,165)
```
#5ccead
```
#5ccead rgb(92,206,173)
```
#6bd2b4
```
#6bd2b4 rgb(107,210,180)
```
#7ad7bc
```
#7ad7bc rgb(122,215,188)
```
#89dcc4
```
#89dcc4 rgb(137,220,196)
```
#98e0cb
```
#98e0cb rgb(152,224,203)
```
#a7e5d3
```
#a7e5d3 rgb(167,229,211)
```
#b6e9da
```
#b6e9da rgb(182,233,218)
```
#c5eee2
```
#c5eee2 rgb(197,238,226)
```
#d4f2ea
```
#d4f2ea rgb(212,242,234)
```
#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, #a2afab is the less saturated color, while #52ffcd is the most saturated one.

#a2afab
```
#a2afab rgb(162,175,171)
```
#9bb6ae
```
#9bb6ae rgb(155,182,174)
```
#95bcb1
```
#95bcb1 rgb(149,188,177)
```
#8ec3b4
```
#8ec3b4 rgb(142,195,180)
```
#87cab6
```
#87cab6 rgb(135,202,182)
```
#81d0b9
```
#81d0b9 rgb(129,208,185)
```
#7ad7bc
```
#7ad7bc rgb(122,215,188)
```
#73debf
```
#73debf rgb(115,222,191)
```
#6de4c2
```
#6de4c2 rgb(109,228,194)
```
#66ebc4
```
#66ebc4 rgb(102,235,196)
```
#5ff2c7
```
#5ff2c7 rgb(95,242,199)
```
#59f8ca
```
#59f8ca rgb(89,248,202)
```
#52ffcd
```
#52ffcd rgb(82,255,205)
```

Tone Color Variation

Below, you can see how #7ad7bc 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
#acbeb9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0c8b7 Protanopia 1% of men
#dbc2c7 Deuteranopia 1% of men
#8cd3e3 Tritanopia 0.001% of the population

Trichromacy

#b1cdb8 Protanomaly 1% of men, 0.01% of women
#b8cac3 Deuteranomaly 6% of men, 0.4% of women
#85d4d4 Tritanomaly 0.01% of the population