#7ad2cc hex color

In a RGB color space, hex #7ad2cc is composed of 47.8% red, 82.4% green and 80% blue. Whereas in a CMYK color space, it is composed of 41.9% cyan, 0% magenta, 2.9% yellow and 17.6% black. It has a hue angle of 175.9 degrees, a saturation of 49.4% and a lightness of 65.1%. #7ad2cc color hex could be obtained by blending #f4ffff with #00a599. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 48
- G 82
- B 80
RGB color chart
- C 42
- M 0
- Y 3
- K 18
CMYK color chart

● #7ad2cc color description : Slightly desaturated cyan.

The hexadecimal color #7ad2cc has RGB values of R:122, G:210, B:204 and CMYK values of C:0.42, M:0, Y:0.03, K:0.18. Its decimal value is 8049356.

Hex triplet	7ad2cc	`#7ad2cc`
RGB Decimal	122, 210, 204	`rgb(122,210,204)`
RGB Percent	47.8, 82.4, 80	`rgb(47.8%,82.4%,80%)`
CMYK	42, 0, 3, 18
HSL	175.9°, 49.4, 65.1	`hsl(175.9,49.4%,65.1%)`
HSV (or HSB)	175.9°, 41.9, 82.4
Web Safe	66cccc	`#66cccc`

CIE-LAB	78.803, -27.892, -5.335
XYZ	41.969, 54.588, 65.448
xyY	0.259, 0.337, 54.588
CIE-LCH	78.803, 28.397, 190.828
CIE-LUV	78.803, -39.992, -3.685
Hunter-Lab	73.884, -27.902, -0.802
Binary	01111010, 11010010, 11001100

#7ad2cc
```
#7ad2cc rgb(122,210,204)
```
#d27a80
```
#d27a80 rgb(210,122,128)
```

Complementary Color

#7ad2a0
```
#7ad2a0 rgb(122,210,160)
```
#7ad2cc
```
#7ad2cc rgb(122,210,204)
```
#7aacd2
```
#7aacd2 rgb(122,172,210)
```

Analogous Color

#d2a07a
```
#d2a07a rgb(210,160,122)
```
#7ad2cc
```
#7ad2cc rgb(122,210,204)
```
#d27aac
```
#d27aac rgb(210,122,172)
```

Split Complementary Color

#d2cc7a
```
#d2cc7a rgb(210,204,122)
```
#7ad2cc
```
#7ad2cc rgb(122,210,204)
```
#cc7ad2
```
#cc7ad2 rgb(204,122,210)
```

Triadic Color

#80d27a
```
#80d27a rgb(128,210,122)
```
#7ad2cc
```
#7ad2cc rgb(122,210,204)
```
#cc7ad2
```
#cc7ad2 rgb(204,122,210)
```
#d27a80
```
#d27a80 rgb(210,122,128)
```

Tetradic Color

#41bfb6
```
#41bfb6 rgb(65,191,182)
```
#54c5bd
```
#54c5bd rgb(84,197,189)
```
#67ccc5
```
#67ccc5 rgb(103,204,197)
```
#7ad2cc
```
#7ad2cc rgb(122,210,204)
```
#8dd8d3
```
#8dd8d3 rgb(141,216,211)
```
#a0dfdb
```
#a0dfdb rgb(160,223,219)
```
#b3e5e2
```
#b3e5e2 rgb(179,229,226)
```

Monochromatic Color

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

#7ad2b6
```
#7ad2b6 rgb(122,210,182)
```
#7ad2bd
```
#7ad2bd rgb(122,210,189)
```
#7ad2c5
```
#7ad2c5 rgb(122,210,197)
```
#7ad2cc
```
#7ad2cc rgb(122,210,204)
```
#7ad1d2
```
#7ad1d2 rgb(122,209,210)
```
#7ac9d2
```
#7ac9d2 rgb(122,201,210)
```
#7ac2d2
```
#7ac2d2 rgb(122,194,210)
```

Similar Colors

Text with hexadecimal color #7ad2cc

This text has a font color of #7ad2cc.

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

#7ad2cc background color

This paragraph has a background color of #7ad2cc.

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

#7ad2cc border color

This element has a border color of #7ad2cc.

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

CSS codes

.text {color:#7ad2cc;}

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

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

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, #050e0d is the darkest color, while #feffff is the lightest one.

#050e0d
```
#050e0d rgb(5,14,13)
```
#0a1c1b
```
#0a1c1b rgb(10,28,27)
```
#0f2b29
```
#0f2b29 rgb(15,43,41)
```
#133a37
```
#133a37 rgb(19,58,55)
```
#184845
```
#184845 rgb(24,72,69)
```
#1d5753
```
#1d5753 rgb(29,87,83)
```
#226661
```
#226661 rgb(34,102,97)
```
#27746f
```
#27746f rgb(39,116,111)
```
#2c837d
```
#2c837d rgb(44,131,125)
```
#31918b
```
#31918b rgb(49,145,139)
```
#36a099
```
#36a099 rgb(54,160,153)
```
#3bafa7
```
#3bafa7 rgb(59,175,167)
```
#40bdb5
```
#40bdb5 rgb(64,189,181)
```

Shade Color Variation

#4ec3bb
```
#4ec3bb rgb(78,195,187)
```
#5dc8c1
```
#5dc8c1 rgb(93,200,193)
```
#6bcdc6
```
#6bcdc6 rgb(107,205,198)
```
#7ad2cc
```
#7ad2cc rgb(122,210,204)
```
#89d7d2
```
#89d7d2 rgb(137,215,210)
```
#97dcd7
```
#97dcd7 rgb(151,220,215)
```
#a6e1dd
```
#a6e1dd rgb(166,225,221)
```
#b5e6e2
```
#b5e6e2 rgb(181,230,226)
```
#c3ebe8
```
#c3ebe8 rgb(195,235,232)
```
#d2f0ee
```
#d2f0ee rgb(210,240,238)
```
#e1f5f3
```
#e1f5f3 rgb(225,245,243)
```
#effaf9
```
#effaf9 rgb(239,250,249)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#a3a9a9
```
#a3a9a9 rgb(163,169,169)
```
#9cb0ae
```
#9cb0ae rgb(156,176,174)
```
#95b7b4
```
#95b7b4 rgb(149,183,180)
```
#8fbdba
```
#8fbdba rgb(143,189,186)
```
#88c4c0
```
#88c4c0 rgb(136,196,192)
```
#81cbc6
```
#81cbc6 rgb(129,203,198)
```
#7ad2cc
```
#7ad2cc rgb(122,210,204)
```
#73d9d2
```
#73d9d2 rgb(115,217,210)
```
#6ce0d8
```
#6ce0d8 rgb(108,224,216)
```
#65e7de
```
#65e7de rgb(101,231,222)
```
#5fede4
```
#5fede4 rgb(95,237,228)
```
#58f4ea
```
#58f4ea rgb(88,244,234)
```
#51fbef
```
#51fbef rgb(81,251,239)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#abbcbb Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9c5c6 Protanopia 1% of men
#d1c1d5 Deuteranopia 1% of men
#87d1e0 Tritanopia 0.001% of the population

Trichromacy

#acc9c8 Protanomaly 1% of men, 0.01% of women
#b1c7d2 Deuteranomaly 6% of men, 0.4% of women
#82d1d9 Tritanomaly 0.01% of the population

#7ad2cc hex color

#7ad2cc Color Information

#7ad2cc Color Conversion

Color Schemes with #7ad2cc

Alternatives to #7ad2cc

#7ad2cc Preview

Shades and Tints of #7ad2cc

Tones of #7ad2cc

Color Blindness Simulator