#7ad5cc hex color

In a RGB color space, hex #7ad5cc is composed of 47.8% red, 83.5% green and 80% blue. Whereas in a CMYK color space, it is composed of 42.7% cyan, 0% magenta, 4.2% yellow and 16.5% black. It has a hue angle of 174.1 degrees, a saturation of 52% and a lightness of 65.7%. #7ad5cc color hex could be obtained by blending #f4ffff with #00ab99. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 48
- G 84
- B 80
RGB color chart
- C 43
- M 0
- Y 4
- K 16
CMYK color chart

● #7ad5cc color description : Slightly desaturated cyan.

The hexadecimal color #7ad5cc has RGB values of R:122, G:213, B:204 and CMYK values of C:0.43, M:0, Y:0.04, K:0.16. Its decimal value is 8050124.

Hex triplet	7ad5cc	`#7ad5cc`
RGB Decimal	122, 213, 204	`rgb(122,213,204)`
RGB Percent	47.8, 83.5, 80	`rgb(47.8%,83.5%,80%)`
CMYK	43, 0, 4, 16
HSL	174.1°, 52, 65.7	`hsl(174.1,52%,65.7%)`
HSV (or HSB)	174.1°, 42.7, 83.5
Web Safe	66cccc	`#66cccc`

CIE-LAB	79.661, -29.342, -4.07
XYZ	42.716, 56.083, 65.698
xyY	0.26, 0.341, 56.083
CIE-LCH	79.661, 29.622, 187.896
CIE-LUV	79.661, -41.202, -1.484
Hunter-Lab	74.889, -29.239, 0.409
Binary	01111010, 11010101, 11001100

#7ad5cc
```
#7ad5cc rgb(122,213,204)
```
#d57a83
```
#d57a83 rgb(213,122,131)
```

Complementary Color

#7ad59f
```
#7ad59f rgb(122,213,159)
```
#7ad5cc
```
#7ad5cc rgb(122,213,204)
```
#7ab1d5
```
#7ab1d5 rgb(122,177,213)
```

Analogous Color

#d59f7a
```
#d59f7a rgb(213,159,122)
```
#7ad5cc
```
#7ad5cc rgb(122,213,204)
```
#d57ab1
```
#d57ab1 rgb(213,122,177)
```

Split Complementary Color

#d5cc7a
```
#d5cc7a rgb(213,204,122)
```
#7ad5cc
```
#7ad5cc rgb(122,213,204)
```
#cc7ad5
```
#cc7ad5 rgb(204,122,213)
```

Triadic Color

#83d57a
```
#83d57a rgb(131,213,122)
```
#7ad5cc
```
#7ad5cc rgb(122,213,204)
```
#cc7ad5
```
#cc7ad5 rgb(204,122,213)
```
#d57a83
```
#d57a83 rgb(213,122,131)
```

Tetradic Color

#40c3b6
```
#40c3b6 rgb(64,195,182)
```
#53c9bd
```
#53c9bd rgb(83,201,189)
```
#67cfc5
```
#67cfc5 rgb(103,207,197)
```
#7ad5cc
```
#7ad5cc rgb(122,213,204)
```
#8ddbd3
```
#8ddbd3 rgb(141,219,211)
```
#a1e1db
```
#a1e1db rgb(161,225,219)
```
#b4e7e2
```
#b4e7e2 rgb(180,231,226)
```

Monochromatic Color

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

#7ad5b5
```
#7ad5b5 rgb(122,213,181)
```
#7ad5bd
```
#7ad5bd rgb(122,213,189)
```
#7ad5c4
```
#7ad5c4 rgb(122,213,196)
```
#7ad5cc
```
#7ad5cc rgb(122,213,204)
```
#7ad5d4
```
#7ad5d4 rgb(122,213,212)
```
#7acfd5
```
#7acfd5 rgb(122,207,213)
```
#7ac7d5
```
#7ac7d5 rgb(122,199,213)
```

Similar Colors

Text with hexadecimal color #7ad5cc

This text has a font color of #7ad5cc.

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

#7ad5cc background color

This paragraph has a background color of #7ad5cc.

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

#7ad5cc border color

This element has a border color of #7ad5cc.

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

CSS codes

.text {color:#7ad5cc;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#05100f
```
#05100f rgb(5,16,15)
```
#0a1f1d
```
#0a1f1d rgb(10,31,29)
```
#0e2e2b
```
#0e2e2b rgb(14,46,43)
```
#133d39
```
#133d39 rgb(19,61,57)
```
#184c47
```
#184c47 rgb(24,76,71)
```
#1d5b54
```
#1d5b54 rgb(29,91,84)
```
#216a62
```
#216a62 rgb(33,106,98)
```
#267870
```
#267870 rgb(38,120,112)
```
#2b877e
```
#2b877e rgb(43,135,126)
```
#2f968c
```
#2f968c rgb(47,150,140)
```
#34a59a
```
#34a59a rgb(52,165,154)
```
#39b4a8
```
#39b4a8 rgb(57,180,168)
```

Shade Color Variation

#3ec2b5
```
#3ec2b5 rgb(62,194,181)
```
#4dc7bb
```
#4dc7bb rgb(77,199,187)
```
#5cccc1
```
#5cccc1 rgb(92,204,193)
```
#6bd0c6
```
#6bd0c6 rgb(107,208,198)
```
#7ad5cc
```
#7ad5cc rgb(122,213,204)
```
#89dad2
```
#89dad2 rgb(137,218,210)
```
#98ded7
```
#98ded7 rgb(152,222,215)
```
#a7e3dd
```
#a7e3dd rgb(167,227,221)
```
#b6e8e3
```
#b6e8e3 rgb(182,232,227)
```
#c5ede9
```
#c5ede9 rgb(197,237,233)
```
#d3f1ee
```
#d3f1ee rgb(211,241,238)
```
#e2f6f4
```
#e2f6f4 rgb(226,246,244)
```
#f1fbfa
```
#f1fbfa rgb(241,251,250)
```

Tint Color Variation

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

#a2adac
```
#a2adac rgb(162,173,172)
```
#9cb3b1
```
#9cb3b1 rgb(156,179,177)
```
#95bab6
```
#95bab6 rgb(149,186,182)
```
#8ec1bc
```
#8ec1bc rgb(142,193,188)
```
#87c8c1
```
#87c8c1 rgb(135,200,193)
```
#81cec7
```
#81cec7 rgb(129,206,199)
```
#7ad5cc
```
#7ad5cc rgb(122,213,204)
```
#73dcd1
```
#73dcd1 rgb(115,220,209)
```
#6de2d7
```
#6de2d7 rgb(109,226,215)
```
#66e9dc
```
#66e9dc rgb(102,233,220)
```
#5ff0e2
```
#5ff0e2 rgb(95,240,226)
```
#58f7e7
```
#58f7e7 rgb(88,247,231)
```
#52fdec
```
#52fdec rgb(82,253,236)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#acbfbd Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccc7c6 Protanopia 1% of men
#d4c3d5 Deuteranopia 1% of men
#88d3e3 Tritanopia 0.001% of the population

Trichromacy

#aeccc8 Protanomaly 1% of men, 0.01% of women
#b3c9d2 Deuteranomaly 6% of men, 0.4% of women
#83d4da Tritanomaly 0.01% of the population

#7ad5cc hex color

#7ad5cc Color Information

#7ad5cc Color Conversion

Color Schemes with #7ad5cc

Alternatives to #7ad5cc

#7ad5cc Preview

Shades and Tints of #7ad5cc

Tones of #7ad5cc

Color Blindness Simulator