#7cc2d2 hex color

In a RGB color space, hex #7cc2d2 is composed of 48.6% red, 76.1% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 41% cyan, 7.6% magenta, 0% yellow and 17.6% black. It has a hue angle of 191.2 degrees, a saturation of 48.9% and a lightness of 65.5%. #7cc2d2 color hex could be obtained by blending #f8ffff with #0085a5. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 49
- G 76
- B 82
RGB color chart
- C 41
- M 8
- Y 0
- K 18
CMYK color chart

● #7cc2d2 color description : Slightly desaturated cyan.

The hexadecimal color #7cc2d2 has RGB values of R:124, G:194, B:210 and CMYK values of C:0.41, M:0.08, Y:0, K:0.18. Its decimal value is 8176338.

Hex triplet	7cc2d2	`#7cc2d2`
RGB Decimal	124, 194, 210	`rgb(124,194,210)`
RGB Percent	48.6, 76.1, 82.4	`rgb(48.6%,76.1%,82.4%)`
CMYK	41, 8, 0, 18
HSL	191.2°, 48.9, 65.5	`hsl(191.2,48.9%,65.5%)`
HSV (or HSB)	191.2°, 41, 82.4
Web Safe	66cccc	`#66cccc`

CIE-LAB	74.521, -17.89, -14.945
XYZ	39.234, 47.52, 68.074
xyY	0.253, 0.307, 47.52
CIE-LCH	74.521, 23.311, 219.876
CIE-LUV	74.521, -32.672, -20.434
Hunter-Lab	68.935, -19.043, -10.296
Binary	01111100, 11000010, 11010010

#7cc2d2
```
#7cc2d2 rgb(124,194,210)
```
#d28c7c
```
#d28c7c rgb(210,140,124)
```

Complementary Color

#7cd2b7
```
#7cd2b7 rgb(124,210,183)
```
#7cc2d2
```
#7cc2d2 rgb(124,194,210)
```
#7c97d2
```
#7c97d2 rgb(124,151,210)
```

Analogous Color

#d2b77c
```
#d2b77c rgb(210,183,124)
```
#7cc2d2
```
#7cc2d2 rgb(124,194,210)
```
#d27c97
```
#d27c97 rgb(210,124,151)
```

Split Complementary Color

#c2d27c
```
#c2d27c rgb(194,210,124)
```
#7cc2d2
```
#7cc2d2 rgb(124,194,210)
```
#d27cc2
```
#d27cc2 rgb(210,124,194)
```

Triadic Color

#7cd28c
```
#7cd28c rgb(124,210,140)
```
#7cc2d2
```
#7cc2d2 rgb(124,194,210)
```
#d27cc2
```
#d27cc2 rgb(210,124,194)
```
#d28c7c
```
#d28c7c rgb(210,140,124)
```

Tetradic Color

#43a7be
```
#43a7be rgb(67,167,190)
```
#56b0c5
```
#56b0c5 rgb(86,176,197)
```
#69b9cb
```
#69b9cb rgb(105,185,203)
```
#7cc2d2
```
#7cc2d2 rgb(124,194,210)
```
#8fcbd9
```
#8fcbd9 rgb(143,203,217)
```
#a2d4df
```
#a2d4df rgb(162,212,223)
```
#b5dde6
```
#b5dde6 rgb(181,221,230)
```

Monochromatic Color

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

#7cd2cd
```
#7cd2cd rgb(124,210,205)
```
#7cd0d2
```
#7cd0d2 rgb(124,208,210)
```
#7cc9d2
```
#7cc9d2 rgb(124,201,210)
```
#7cc2d2
```
#7cc2d2 rgb(124,194,210)
```
#7cbbd2
```
#7cbbd2 rgb(124,187,210)
```
#7cb4d2
```
#7cb4d2 rgb(124,180,210)
```
#7cadd2
```
#7cadd2 rgb(124,173,210)
```

Similar Colors

Text with hexadecimal color #7cc2d2

This text has a font color of #7cc2d2.

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

#7cc2d2 background color

This paragraph has a background color of #7cc2d2.

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

#7cc2d2 border color

This element has a border color of #7cc2d2.

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

CSS codes

.text {color:#7cc2d2;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#050d0f
```
#050d0f rgb(5,13,15)
```
#0a1a1e
```
#0a1a1e rgb(10,26,30)
```
#0f272c
```
#0f272c rgb(15,39,44)
```
#14343b
```
#14343b rgb(20,52,59)
```
#194049
```
#194049 rgb(25,64,73)
```
#1e4d58
```
#1e4d58 rgb(30,77,88)
```
#235a67
```
#235a67 rgb(35,90,103)
```
#286775
```
#286775 rgb(40,103,117)
```
#2d7484
```
#2d7484 rgb(45,116,132)
```
#328192
```
#328192 rgb(50,129,146)
```
#378da1
```
#378da1 rgb(55,141,161)
```
#3c9ab0
```
#3c9ab0 rgb(60,154,176)
```

Shade Color Variation

#42a7be
```
#42a7be rgb(66,167,190)
```
#50aec3
```
#50aec3 rgb(80,174,195)
```
#5fb4c8
```
#5fb4c8 rgb(95,180,200)
```
#6dbbcd
```
#6dbbcd rgb(109,187,205)
```
#7cc2d2
```
#7cc2d2 rgb(124,194,210)
```
#8bc9d7
```
#8bc9d7 rgb(139,201,215)
```
#99d0dc
```
#99d0dc rgb(153,208,220)
```
#a8d6e1
```
#a8d6e1 rgb(168,214,225)
```
#b6dde6
```
#b6dde6 rgb(182,221,230)
```
#c5e4eb
```
#c5e4eb rgb(197,228,235)
```
#d4ebf0
```
#d4ebf0 rgb(212,235,240)
```
#e2f2f5
```
#e2f2f5 rgb(226,242,245)
```
#f1f8fa
```
#f1f8fa rgb(241,248,250)
```

Tint Color Variation

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

#a5a8a9
```
#a5a8a9 rgb(165,168,169)
```
#9eadb0
```
#9eadb0 rgb(158,173,176)
```
#97b1b7
```
#97b1b7 rgb(151,177,183)
```
#90b5be
```
#90b5be rgb(144,181,190)
```
#8ab9c4
```
#8ab9c4 rgb(138,185,196)
```
#83becb
```
#83becb rgb(131,190,203)
```
#7cc2d2
```
#7cc2d2 rgb(124,194,210)
```
#75c6d9
```
#75c6d9 rgb(117,198,217)
```
#6ecbe0
```
#6ecbe0 rgb(110,203,224)
```
#68cfe6
```
#68cfe6 rgb(104,207,230)
```
#61d3ed
```
#61d3ed rgb(97,211,237)
```
#5ad7f4
```
#5ad7f4 rgb(90,215,244)
```
#53dcfb
```
#53dcfb rgb(83,220,251)
```

Tone Color Variation

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

Dichromacy

#b8b9cd Protanopia 1% of men
#bcb6d9 Deuteranopia 1% of men
#82c5d3 Tritanopia 0.001% of the population

Trichromacy

#a2bccf Protanomaly 1% of men, 0.01% of women
#a5bad6 Deuteranomaly 6% of men, 0.4% of women
#80c4d3 Tritanomaly 0.01% of the population

#7cc2d2 hex color

#7cc2d2 Color Information

#7cc2d2 Color Conversion

Color Schemes with #7cc2d2

Alternatives to #7cc2d2

#7cc2d2 Preview

Shades and Tints of #7cc2d2

Tones of #7cc2d2

Color Blindness Simulator