#7ec2d5 hex color

In a RGB color space, hex #7ec2d5 is composed of 49.4% red, 76.1% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 40.8% cyan, 8.9% magenta, 0% yellow and 16.5% black. It has a hue angle of 193.1 degrees, a saturation of 50.9% and a lightness of 66.5%. #7ec2d5 color hex could be obtained by blending #fcffff with #0085ab. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 49
- G 76
- B 84
RGB color chart
- C 41
- M 9
- Y 0
- K 16
CMYK color chart

● #7ec2d5 color description : Slightly desaturated cyan.

The hexadecimal color #7ec2d5 has RGB values of R:126, G:194, B:213 and CMYK values of C:0.41, M:0.09, Y:0, K:0.16. Its decimal value is 8307413.

Hex triplet	7ec2d5	`#7ec2d5`
RGB Decimal	126, 194, 213	`rgb(126,194,213)`
RGB Percent	49.4, 76.1, 83.5	`rgb(49.4%,76.1%,83.5%)`
CMYK	41, 9, 0, 16
HSL	193.1°, 50.9, 66.5	`hsl(193.1,50.9%,66.5%)`
HSV (or HSB)	193.1°, 40.8, 83.5
Web Safe	66cccc	`#66cccc`

CIE-LAB	74.712, -16.608, -16.275
XYZ	39.903, 47.821, 70.075
xyY	0.253, 0.303, 47.821
CIE-LCH	74.712, 23.254, 224.42
CIE-LUV	74.712, -31.912, -22.789
Hunter-Lab	69.153, -18.018, -11.673
Binary	01111110, 11000010, 11010101

#7ec2d5
```
#7ec2d5 rgb(126,194,213)
```
#d5917e
```
#d5917e rgb(213,145,126)
```

Complementary Color

#7ed5bd
```
#7ed5bd rgb(126,213,189)
```
#7ec2d5
```
#7ec2d5 rgb(126,194,213)
```
#7e97d5
```
#7e97d5 rgb(126,151,213)
```

Analogous Color

#d5bd7e
```
#d5bd7e rgb(213,189,126)
```
#7ec2d5
```
#7ec2d5 rgb(126,194,213)
```
#d57e97
```
#d57e97 rgb(213,126,151)
```

Split Complementary Color

#c2d57e
```
#c2d57e rgb(194,213,126)
```
#7ec2d5
```
#7ec2d5 rgb(126,194,213)
```
#d57ec2
```
#d57ec2 rgb(213,126,194)
```

Triadic Color

#7ed591
```
#7ed591 rgb(126,213,145)
```
#7ec2d5
```
#7ec2d5 rgb(126,194,213)
```
#d57ec2
```
#d57ec2 rgb(213,126,194)
```
#d5917e
```
#d5917e rgb(213,145,126)
```

Tetradic Color

#44a7c2
```
#44a7c2 rgb(68,167,194)
```
#58b0c8
```
#58b0c8 rgb(88,176,200)
```
#6bb9cf
```
#6bb9cf rgb(107,185,207)
```
#7ec2d5
```
#7ec2d5 rgb(126,194,213)
```
#91cbdb
```
#91cbdb rgb(145,203,219)
```
#a4d4e2
```
#a4d4e2 rgb(164,212,226)
```
#b8dde8
```
#b8dde8 rgb(184,221,232)
```

Monochromatic Color

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

#7ed5d2
```
#7ed5d2 rgb(126,213,210)
```
#7ed1d5
```
#7ed1d5 rgb(126,209,213)
```
#7ec9d5
```
#7ec9d5 rgb(126,201,213)
```
#7ec2d5
```
#7ec2d5 rgb(126,194,213)
```
#7ebbd5
```
#7ebbd5 rgb(126,187,213)
```
#7eb4d5
```
#7eb4d5 rgb(126,180,213)
```
#7eacd5
```
#7eacd5 rgb(126,172,213)
```

Similar Colors

Text with hexadecimal color #7ec2d5

This text has a font color of #7ec2d5.

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

#7ec2d5 background color

This paragraph has a background color of #7ec2d5.

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

#7ec2d5 border color

This element has a border color of #7ec2d5.

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

CSS codes

.text {color:#7ec2d5;}

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

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

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

#010404
```
#010404 rgb(1,4,4)
```
#061013
```
#061013 rgb(6,16,19)
```
#0b1d22
```
#0b1d22 rgb(11,29,34)
```
#102931
```
#102931 rgb(16,41,49)
```
#15363f
```
#15363f rgb(21,54,63)
```
#19434e
```
#19434e rgb(25,67,78)
```
#1e4f5d
```
#1e4f5d rgb(30,79,93)
```
#235c6c
```
#235c6c rgb(35,92,108)
```
#28697b
```
#28697b rgb(40,105,123)
```
#2d7589
```
#2d7589 rgb(45,117,137)
```
#328298
```
#328298 rgb(50,130,152)
```
#368ea7
```
#368ea7 rgb(54,142,167)
```
#3b9bb6
```
#3b9bb6 rgb(59,155,182)
```

Shade Color Variation

#43a6c2
```
#43a6c2 rgb(67,166,194)
```
#52adc7
```
#52adc7 rgb(82,173,199)
```
#60b4cb
```
#60b4cb rgb(96,180,203)
```
#6fbbd0
```
#6fbbd0 rgb(111,187,208)
```
#7ec2d5
```
#7ec2d5 rgb(126,194,213)
```
#8dc9da
```
#8dc9da rgb(141,201,218)
```
#9cd0df
```
#9cd0df rgb(156,208,223)
```
#aad7e3
```
#aad7e3 rgb(170,215,227)
```
#b9dee8
```
#b9dee8 rgb(185,222,232)
```
#c8e5ed
```
#c8e5ed rgb(200,229,237)
```
#d7ecf2
```
#d7ecf2 rgb(215,236,242)
```
#e6f3f7
```
#e6f3f7 rgb(230,243,247)
```
#f4fafc
```
#f4fafc rgb(244,250,252)
```

Tint Color Variation

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

#a5acae
```
#a5acae rgb(165,172,174)
```
#9fafb4
```
#9fafb4 rgb(159,175,180)
```
#98b3bb
```
#98b3bb rgb(152,179,187)
```
#92b7c1
```
#92b7c1 rgb(146,183,193)
```
#8bbbc8
```
#8bbbc8 rgb(139,187,200)
```
#85bece
```
#85bece rgb(133,190,206)
```
#7ec2d5
```
#7ec2d5 rgb(126,194,213)
```
#77c6dc
```
#77c6dc rgb(119,198,220)
```
#71c9e2
```
#71c9e2 rgb(113,201,226)
```
#6acde9
```
#6acde9 rgb(106,205,233)
```
#64d1ef
```
#64d1ef rgb(100,209,239)
```
#5dd5f6
```
#5dd5f6 rgb(93,213,246)
```
#57d8fc
```
#57d8fc rgb(87,216,252)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#a6b4b7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8bad0 Protanopia 1% of men
#bcb7dc Deuteranopia 1% of men
#83c5d4 Tritanopia 0.001% of the population

Trichromacy

#a2bdd2 Protanomaly 1% of men, 0.01% of women
#a5bbd9 Deuteranomaly 6% of men, 0.4% of women
#81c4d4 Tritanomaly 0.01% of the population

#7ec2d5 hex color

#7ec2d5 Color Information

#7ec2d5 Color Conversion

Color Schemes with #7ec2d5

Alternatives to #7ec2d5

#7ec2d5 Preview

Shades and Tints of #7ec2d5

Tones of #7ec2d5

Color Blindness Simulator