#7cd5cf hex color

In a RGB color space, hex #7cd5cf is composed of 48.6% red, 83.5% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 41.8% cyan, 0% magenta, 2.8% yellow and 16.5% black. It has a hue angle of 176 degrees, a saturation of 51.4% and a lightness of 66.1%. #7cd5cf color hex could be obtained by blending #f8ffff with #00ab9f. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 49
- G 84
- B 81
RGB color chart
- C 42
- M 0
- Y 3
- K 16
CMYK color chart

● #7cd5cf color description : Slightly desaturated cyan.

The hexadecimal color #7cd5cf has RGB values of R:124, G:213, B:207 and CMYK values of C:0.42, M:0, Y:0.03, K:0.16. Its decimal value is 8181199.

Hex triplet	7cd5cf	`#7cd5cf`
RGB Decimal	124, 213, 207	`rgb(124,213,207)`
RGB Percent	48.6, 83.5, 81.2	`rgb(48.6%,83.5%,81.2%)`
CMYK	42, 0, 3, 16
HSL	176°, 51.4, 66.1	`hsl(176,51.4%,66.1%)`
HSV (or HSB)	176°, 41.8, 83.5
Web Safe	66cccc	`#66cccc`

CIE-LAB	79.827, -28.127, -5.419
XYZ	43.366, 56.376, 67.625
xyY	0.259, 0.337, 56.376
CIE-LCH	79.827, 28.644, 190.906
CIE-LUV	79.827, -40.445, -3.785
Hunter-Lab	75.084, -28.302, -0.841
Binary	01111100, 11010101, 11001111

#7cd5cf
```
#7cd5cf rgb(124,213,207)
```
#d57c82
```
#d57c82 rgb(213,124,130)
```

Complementary Color

#7cd5a3
```
#7cd5a3 rgb(124,213,163)
```
#7cd5cf
```
#7cd5cf rgb(124,213,207)
```
#7cafd5
```
#7cafd5 rgb(124,175,213)
```

Analogous Color

#d5a37c
```
#d5a37c rgb(213,163,124)
```
#7cd5cf
```
#7cd5cf rgb(124,213,207)
```
#d57caf
```
#d57caf rgb(213,124,175)
```

Split Complementary Color

#d5cf7c
```
#d5cf7c rgb(213,207,124)
```
#7cd5cf
```
#7cd5cf rgb(124,213,207)
```
#cf7cd5
```
#cf7cd5 rgb(207,124,213)
```

Triadic Color

#82d57c
```
#82d57c rgb(130,213,124)
```
#7cd5cf
```
#7cd5cf rgb(124,213,207)
```
#cf7cd5
```
#cf7cd5 rgb(207,124,213)
```
#d57c82
```
#d57c82 rgb(213,124,130)
```

Tetradic Color

#42c2ba
```
#42c2ba rgb(66,194,186)
```
#55c9c1
```
#55c9c1 rgb(85,201,193)
```
#69cfc8
```
#69cfc8 rgb(105,207,200)
```
#7cd5cf
```
#7cd5cf rgb(124,213,207)
```
#8fdbd6
```
#8fdbd6 rgb(143,219,214)
```
#a3e1dd
```
#a3e1dd rgb(163,225,221)
```
#b6e8e4
```
#b6e8e4 rgb(182,232,228)
```

Monochromatic Color

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

#7cd5b9
```
#7cd5b9 rgb(124,213,185)
```
#7cd5c0
```
#7cd5c0 rgb(124,213,192)
```
#7cd5c8
```
#7cd5c8 rgb(124,213,200)
```
#7cd5cf
```
#7cd5cf rgb(124,213,207)
```
#7cd4d5
```
#7cd4d5 rgb(124,212,213)
```
#7cccd5
```
#7cccd5 rgb(124,204,213)
```
#7cc5d5
```
#7cc5d5 rgb(124,197,213)
```

Similar Colors

Text with hexadecimal color #7cd5cf

This text has a font color of #7cd5cf.

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

#7cd5cf background color

This paragraph has a background color of #7cd5cf.

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

#7cd5cf border color

This element has a border color of #7cd5cf.

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

CSS codes

.text {color:#7cd5cf;}

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

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

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

#010303
```
#010303 rgb(1,3,3)
```
#061211
```
#061211 rgb(6,18,17)
```
#0a201f
```
#0a201f rgb(10,32,31)
```
#0f2f2d
```
#0f2f2d rgb(15,47,45)
```
#143e3b
```
#143e3b rgb(20,62,59)
```
#194d49
```
#194d49 rgb(25,77,73)
```
#1d5c58
```
#1d5c58 rgb(29,92,88)
```
#226b66
```
#226b66 rgb(34,107,102)
```
#277a74
```
#277a74 rgb(39,122,116)
```
#2c8882
```
#2c8882 rgb(44,136,130)
```
#309790
```
#309790 rgb(48,151,144)
```
#35a69e
```
#35a69e rgb(53,166,158)
```
#3ab5ad
```
#3ab5ad rgb(58,181,173)
```

Shade Color Variation

#41c2b9
```
#41c2b9 rgb(65,194,185)
```
#4fc7bf
```
#4fc7bf rgb(79,199,191)
```
#5ecbc4
```
#5ecbc4 rgb(94,203,196)
```
#6dd0ca
```
#6dd0ca rgb(109,208,202)
```
#7cd5cf
```
#7cd5cf rgb(124,213,207)
```
#8bdad4
```
#8bdad4 rgb(139,218,212)
```
#9adfda
```
#9adfda rgb(154,223,218)
```
#a9e3df
```
#a9e3df rgb(169,227,223)
```
#b7e8e5
```
#b7e8e5 rgb(183,232,229)
```
#c6edea
```
#c6edea rgb(198,237,234)
```
#d5f2f0
```
#d5f2f0 rgb(213,242,240)
```
#e4f6f5
```
#e4f6f5 rgb(228,246,245)
```
#f3fbfb
```
#f3fbfb rgb(243,251,251)
```

Tint Color Variation

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

#a4adac
```
#a4adac rgb(164,173,172)
```
#9db4b2
```
#9db4b2 rgb(157,180,178)
```
#97bab8
```
#97bab8 rgb(151,186,184)
```
#90c1be
```
#90c1be rgb(144,193,190)
```
#89c8c3
```
#89c8c3 rgb(137,200,195)
```
#83cec9
```
#83cec9 rgb(131,206,201)
```
#7cd5cf
```
#7cd5cf rgb(124,213,207)
```
#75dcd5
```
#75dcd5 rgb(117,220,213)
```
#6fe2db
```
#6fe2db rgb(111,226,219)
```
#68e9e0
```
#68e9e0 rgb(104,233,224)
```
#61f0e6
```
#61f0e6 rgb(97,240,230)
```
#5bf6ec
```
#5bf6ec rgb(91,246,236)
```
#54fdf2
```
#54fdf2 rgb(84,253,242)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#aebfbe Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbc7c9 Protanopia 1% of men
#d4c3d8 Deuteranopia 1% of men
#89d4e3 Tritanopia 0.001% of the population

Trichromacy

#aecccb Protanomaly 1% of men, 0.01% of women
#b4c9d4 Deuteranomaly 6% of men, 0.4% of women
#84d4dc Tritanomaly 0.01% of the population

#7cd5cf hex color

#7cd5cf Color Information

#7cd5cf Color Conversion

Color Schemes with #7cd5cf

Alternatives to #7cd5cf

#7cd5cf Preview

Shades and Tints of #7cd5cf

Tones of #7cd5cf

Color Blindness Simulator