#7dc7b4 hex color

In a RGB color space, hex #7dc7b4 is composed of 49% red, 78% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 37.2% cyan, 0% magenta, 9.5% yellow and 22% black. It has a hue angle of 164.6 degrees, a saturation of 39.8% and a lightness of 63.5%. #7dc7b4 color hex could be obtained by blending #faffff with #008f69. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 49
- G 78
- B 71
RGB color chart
- C 37
- M 0
- Y 10
- K 22
CMYK color chart

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

The hexadecimal color #7dc7b4 has RGB values of R:125, G:199, B:180 and CMYK values of C:0.37, M:0, Y:0.1, K:0.22. Its decimal value is 8243124.

Hex triplet	7dc7b4	`#7dc7b4`
RGB Decimal	125, 199, 180	`rgb(125,199,180)`
RGB Percent	49, 78, 70.6	`rgb(49%,78%,70.6%)`
CMYK	37, 0, 10, 22
HSL	164.6°, 39.8, 63.5	`hsl(164.6,39.8%,63.5%)`
HSV (or HSB)	164.6°, 37.2, 78
Web Safe	66cccc	`#66cccc`

CIE-LAB	75.139, -27.376, 2.239
XYZ	37.117, 48.5, 50.583
xyY	0.273, 0.356, 48.5
CIE-LCH	75.139, 27.467, 175.324
CIE-LUV	75.139, -34.993, 7.816
Hunter-Lab	69.642, -26.74, 5.685
Binary	01111101, 11000111, 10110100

#7dc7b4
```
#7dc7b4 rgb(125,199,180)
```
#c77d90
```
#c77d90 rgb(199,125,144)
```

Complementary Color

#7dc78f
```
#7dc78f rgb(125,199,143)
```
#7dc7b4
```
#7dc7b4 rgb(125,199,180)
```
#7db5c7
```
#7db5c7 rgb(125,181,199)
```

Analogous Color

#c78f7d
```
#c78f7d rgb(199,143,125)
```
#7dc7b4
```
#7dc7b4 rgb(125,199,180)
```
#c77db5
```
#c77db5 rgb(199,125,181)
```

Split Complementary Color

#c7b47d
```
#c7b47d rgb(199,180,125)
```
#7dc7b4
```
#7dc7b4 rgb(125,199,180)
```
#b47dc7
```
#b47dc7 rgb(180,125,199)
```

Triadic Color

#90c77d
```
#90c77d rgb(144,199,125)
```
#7dc7b4
```
#7dc7b4 rgb(125,199,180)
```
#b47dc7
```
#b47dc7 rgb(180,125,199)
```
#c77d90
```
#c77d90 rgb(199,125,144)
```

Tetradic Color

#4bad94
```
#4bad94 rgb(75,173,148)
```
#59b89f
```
#59b89f rgb(89,184,159)
```
#6bbfaa
```
#6bbfaa rgb(107,191,170)
```
#7dc7b4
```
#7dc7b4 rgb(125,199,180)
```
#8fcfbe
```
#8fcfbe rgb(143,207,190)
```
#a1d6c9
```
#a1d6c9 rgb(161,214,201)
```
#b2ded3
```
#b2ded3 rgb(178,222,211)
```

Monochromatic Color

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

#7dc7a2
```
#7dc7a2 rgb(125,199,162)
```
#7dc7a8
```
#7dc7a8 rgb(125,199,168)
```
#7dc7ae
```
#7dc7ae rgb(125,199,174)
```
#7dc7b4
```
#7dc7b4 rgb(125,199,180)
```
#7dc7ba
```
#7dc7ba rgb(125,199,186)
```
#7dc7c0
```
#7dc7c0 rgb(125,199,192)
```
#7dc7c7
```
#7dc7c7 rgb(125,199,199)
```

Similar Colors

Text with hexadecimal color #7dc7b4

This text has a font color of #7dc7b4.

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

#7dc7b4 background color

This paragraph has a background color of #7dc7b4.

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

#7dc7b4 border color

This element has a border color of #7dc7b4.

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

CSS codes

.text {color:#7dc7b4;}

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

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

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

#030706
```
#030706 rgb(3,7,6)
```
#091512
```
#091512 rgb(9,21,18)
```
#0f231d
```
#0f231d rgb(15,35,29)
```
#153029
```
#153029 rgb(21,48,41)
```
#1b3e35
```
#1b3e35 rgb(27,62,53)
```
#214c41
```
#214c41 rgb(33,76,65)
```
#26594c
```
#26594c rgb(38,89,76)
```
#2c6758
```
#2c6758 rgb(44,103,88)
```
#327564
```
#327564 rgb(50,117,100)
```
#38826f
```
#38826f rgb(56,130,111)
```
#3e907b
```
#3e907b rgb(62,144,123)
```
#449e87
```
#449e87 rgb(68,158,135)
```
#4aac93
```
#4aac93 rgb(74,172,147)
```

Shade Color Variation

#54b59c
```
#54b59c rgb(84,181,156)
```
#62bba4
```
#62bba4 rgb(98,187,164)
```
#6fc1ac
```
#6fc1ac rgb(111,193,172)
```
#7dc7b4
```
#7dc7b4 rgb(125,199,180)
```
#8bcdbc
```
#8bcdbc rgb(139,205,188)
```
#98d3c4
```
#98d3c4 rgb(152,211,196)
```
#a6d9cc
```
#a6d9cc rgb(166,217,204)
```
#b4dfd4
```
#b4dfd4 rgb(180,223,212)
```
#c2e5dc
```
#c2e5dc rgb(194,229,220)
```
#cfeae3
```
#cfeae3 rgb(207,234,227)
```
#ddf0eb
```
#ddf0eb rgb(221,240,235)
```
#ebf6f3
```
#ebf6f3 rgb(235,246,243)
```
#f8fcfb
```
#f8fcfb rgb(248,252,251)
```

Tint Color Variation

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

#a1a3a3
```
#a1a3a3 rgb(161,163,163)
```
#9aaaa6
```
#9aaaa6 rgb(154,170,166)
```
#92b2aa
```
#92b2aa rgb(146,178,170)
```
#8bb9ad
```
#8bb9ad rgb(139,185,173)
```
#84c0b1
```
#84c0b1 rgb(132,192,177)
```
#7dc7b4
```
#7dc7b4 rgb(125,199,180)
```
#76ceb7
```
#76ceb7 rgb(118,206,183)
```
#6fd5bb
```
#6fd5bb rgb(111,213,187)
```
#68dcbe
```
#68dcbe rgb(104,220,190)
```
#60e4c2
```
#60e4c2 rgb(96,228,194)
```
#59ebc5
```
#59ebc5 rgb(89,235,197)
```
#52f2c9
```
#52f2c9 rgb(82,242,201)
```
#4bf9cc
```
#4bf9cc rgb(75,249,204)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#a5b4b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2bbb0 Protanopia 1% of men
#cdb7be Deuteranopia 1% of men
#8cc5d4 Tritanopia 0.001% of the population

Trichromacy

#a9bfb1 Protanomaly 1% of men, 0.01% of women
#afbcba Deuteranomaly 6% of men, 0.4% of women
#86c6c8 Tritanomaly 0.01% of the population

#7dc7b4 hex color

#7dc7b4 Color Information

#7dc7b4 Color Conversion

Color Schemes with #7dc7b4

Alternatives to #7dc7b4

#7dc7b4 Preview

Shades and Tints of #7dc7b4

Tones of #7dc7b4

Color Blindness Simulator