#7dc2bf hex color

In a RGB color space, hex #7dc2bf is composed of 49% red, 76.1% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 35.6% cyan, 0% magenta, 1.5% yellow and 23.9% black. It has a hue angle of 177.4 degrees, a saturation of 36.1% and a lightness of 62.5%. #7dc2bf color hex could be obtained by blending #faffff with #00857f. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 49
- G 76
- B 75
RGB color chart
- C 36
- M 0
- Y 2
- K 24
CMYK color chart

● #7dc2bf color description : Slightly desaturated cyan.

The hexadecimal color #7dc2bf has RGB values of R:125, G:194, B:191 and CMYK values of C:0.36, M:0, Y:0.02, K:0.24. Its decimal value is 8241855.

Hex triplet	7dc2bf	`#7dc2bf`
RGB Decimal	125, 194, 191	`rgb(125,194,191)`
RGB Percent	49, 76.1, 74.9	`rgb(49%,76.1%,74.9%)`
CMYK	36, 0, 2, 24
HSL	177.4°, 36.1, 62.5	`hsl(177.4,36.1%,62.5%)`
HSV (or HSB)	177.4°, 35.6, 76.1
Web Safe	66cccc	`#66cccc`

CIE-LAB	74, -22.352, -5.397
XYZ	37.151, 46.703, 56.344
xyY	0.265, 0.333, 46.703
CIE-LCH	74, 22.994, 193.574
CIE-LUV	74, -32.661, -4.59
Hunter-Lab	68.34, -22.559, -1.045
Binary	01111101, 11000010, 10111111

#7dc2bf
```
#7dc2bf rgb(125,194,191)
```
#c27d80
```
#c27d80 rgb(194,125,128)
```

Complementary Color

#7dc29d
```
#7dc29d rgb(125,194,157)
```
#7dc2bf
```
#7dc2bf rgb(125,194,191)
```
#7da3c2
```
#7da3c2 rgb(125,163,194)
```

Analogous Color

#c29d7d
```
#c29d7d rgb(194,157,125)
```
#7dc2bf
```
#7dc2bf rgb(125,194,191)
```
#c27da3
```
#c27da3 rgb(194,125,163)
```

Split Complementary Color

#c2bf7d
```
#c2bf7d rgb(194,191,125)
```
#7dc2bf
```
#7dc2bf rgb(125,194,191)
```
#bf7dc2
```
#bf7dc2 rgb(191,125,194)
```

Triadic Color

#80c27d
```
#80c27d rgb(128,194,125)
```
#7dc2bf
```
#7dc2bf rgb(125,194,191)
```
#bf7dc2
```
#bf7dc2 rgb(191,125,194)
```
#c27d80
```
#c27d80 rgb(194,125,128)
```

Tetradic Color

#4da5a1
```
#4da5a1 rgb(77,165,161)
```
#5ab2ae
```
#5ab2ae rgb(90,178,174)
```
#6cbab6
```
#6cbab6 rgb(108,186,182)
```
#7dc2bf
```
#7dc2bf rgb(125,194,191)
```
#8ecac8
```
#8ecac8 rgb(142,202,200)
```
#a0d2d0
```
#a0d2d0 rgb(160,210,208)
```
#b1dad9
```
#b1dad9 rgb(177,218,217)
```

Monochromatic Color

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

#7dc2ae
```
#7dc2ae rgb(125,194,174)
```
#7dc2b4
```
#7dc2b4 rgb(125,194,180)
```
#7dc2b9
```
#7dc2b9 rgb(125,194,185)
```
#7dc2bf
```
#7dc2bf rgb(125,194,191)
```
#7dbfc2
```
#7dbfc2 rgb(125,191,194)
```
#7dbac2
```
#7dbac2 rgb(125,186,194)
```
#7db4c2
```
#7db4c2 rgb(125,180,194)
```

Similar Colors

Text with hexadecimal color #7dc2bf

This text has a font color of #7dc2bf.

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

#7dc2bf background color

This paragraph has a background color of #7dc2bf.

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

#7dc2bf border color

This element has a border color of #7dc2bf.

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

CSS codes

.text {color:#7dc2bf;}

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

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

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

#020403
```
#020403 rgb(2,4,3)
```
#081110
```
#081110 rgb(8,17,16)
```
#0e1e1e
```
#0e1e1e rgb(14,30,30)
```
#142c2b
```
#142c2b rgb(20,44,43)
```
#1b3938
```
#1b3938 rgb(27,57,56)
```
#214645
```
#214645 rgb(33,70,69)
```
#275452
```
#275452 rgb(39,84,82)
```
#2d615f
```
#2d615f rgb(45,97,95)
```
#346e6c
```
#346e6c rgb(52,110,108)
```
#3a7c79
```
#3a7c79 rgb(58,124,121)
```
#408986
```
#408986 rgb(64,137,134)
```
#479693
```
#479693 rgb(71,150,147)
```
#4da4a0
```
#4da4a0 rgb(77,164,160)
```

Shade Color Variation

#55afab
```
#55afab rgb(85,175,171)
```
#62b5b2
```
#62b5b2 rgb(98,181,178)
```
#70bcb8
```
#70bcb8 rgb(112,188,184)
```
#7dc2bf
```
#7dc2bf rgb(125,194,191)
```
#8ac8c6
```
#8ac8c6 rgb(138,200,198)
```
#98cfcc
```
#98cfcc rgb(152,207,204)
```
#a5d5d3
```
#a5d5d3 rgb(165,213,211)
```
#b2dbd9
```
#b2dbd9 rgb(178,219,217)
```
#c0e1e0
```
#c0e1e0 rgb(192,225,224)
```
#cde8e6
```
#cde8e6 rgb(205,232,230)
```
#daeeed
```
#daeeed rgb(218,238,237)
```
#e8f4f4
```
#e8f4f4 rgb(232,244,244)
```
#f5fafa
```
#f5fafa rgb(245,250,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9aa5a4 is the less saturated color, while #42fdf5 is the most saturated one.

#9aa5a4
```
#9aa5a4 rgb(154,165,164)
```
#93acab
```
#93acab rgb(147,172,171)
```
#8cb3b2
```
#8cb3b2 rgb(140,179,178)
```
#84bbb8
```
#84bbb8 rgb(132,187,184)
```
#7dc2bf
```
#7dc2bf rgb(125,194,191)
```
#76c9c6
```
#76c9c6 rgb(118,201,198)
```
#6ed1cc
```
#6ed1cc rgb(110,209,204)
```
#67d8d3
```
#67d8d3 rgb(103,216,211)
```
#60dfda
```
#60dfda rgb(96,223,218)
```
#58e7e1
```
#58e7e1 rgb(88,231,225)
```
#51eee7
```
#51eee7 rgb(81,238,231)
```
#4af5ee
```
#4af5ee rgb(74,245,238)
```
#42fdf5
```
#42fdf5 rgb(66,253,245)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#a3b1b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcb8bb Protanopia 1% of men
#c4b4c7 Deuteranopia 1% of men
#88c2d0 Tritanopia 0.001% of the population

Trichromacy

#a5bcbc Protanomaly 1% of men, 0.01% of women
#aab9c4 Deuteranomaly 6% of men, 0.4% of women
#84c2ca Tritanomaly 0.01% of the population

#7dc2bf hex color

#7dc2bf Color Information

#7dc2bf Color Conversion

Color Schemes with #7dc2bf

Alternatives to #7dc2bf

#7dc2bf Preview

Shades and Tints of #7dc2bf

Tones of #7dc2bf

Color Blindness Simulator