#7ad0cc hex color

In a RGB color space, hex #7ad0cc is composed of 47.8% red, 81.6% green and 80% blue. Whereas in a CMYK color space, it is composed of 41.3% cyan, 0% magenta, 1.9% yellow and 18.4% black. It has a hue angle of 177.2 degrees, a saturation of 47.8% and a lightness of 64.7%. #7ad0cc color hex could be obtained by blending #f4ffff with #00a199. Closest websafe color is: #66cccc.

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

● #7ad0cc color description : Slightly desaturated cyan.

The hexadecimal color #7ad0cc has RGB values of R:122, G:208, B:204 and CMYK values of C:0.41, M:0, Y:0.02, K:0.18. Its decimal value is 8048844.

Hex triplet	7ad0cc	`#7ad0cc`
RGB Decimal	122, 208, 204	`rgb(122,208,204)`
RGB Percent	47.8, 81.6, 80	`rgb(47.8%,81.6%,80%)`
CMYK	41, 0, 2, 18
HSL	177.2°, 47.8, 64.7	`hsl(177.2,47.8%,64.7%)`
HSV (or HSB)	177.2°, 41.3, 81.6
Web Safe	66cccc	`#66cccc`

CIE-LAB	78.232, -26.918, -6.179
XYZ	41.478, 53.607, 65.285
xyY	0.259, 0.334, 53.607
CIE-LCH	78.232, 27.618, 192.929
CIE-LUV	78.232, -39.184, -5.157
Hunter-Lab	73.216, -27.007, -1.615
Binary	01111010, 11010000, 11001100

#7ad0cc
```
#7ad0cc rgb(122,208,204)
```
#d07a7e
```
#d07a7e rgb(208,122,126)
```

Complementary Color

#7ad0a1
```
#7ad0a1 rgb(122,208,161)
```
#7ad0cc
```
#7ad0cc rgb(122,208,204)
```
#7aa9d0
```
#7aa9d0 rgb(122,169,208)
```

Analogous Color

#d0a17a
```
#d0a17a rgb(208,161,122)
```
#7ad0cc
```
#7ad0cc rgb(122,208,204)
```
#d07aa9
```
#d07aa9 rgb(208,122,169)
```

Split Complementary Color

#d0cc7a
```
#d0cc7a rgb(208,204,122)
```
#7ad0cc
```
#7ad0cc rgb(122,208,204)
```
#cc7ad0
```
#cc7ad0 rgb(204,122,208)
```

Triadic Color

#7ed07a
```
#7ed07a rgb(126,208,122)
```
#7ad0cc
```
#7ad0cc rgb(122,208,204)
```
#cc7ad0
```
#cc7ad0 rgb(204,122,208)
```
#d07a7e
```
#d07a7e rgb(208,122,126)
```

Tetradic Color

#42bbb6
```
#42bbb6 rgb(66,187,182)
```
#54c3be
```
#54c3be rgb(84,195,190)
```
#67c9c5
```
#67c9c5 rgb(103,201,197)
```
#7ad0cc
```
#7ad0cc rgb(122,208,204)
```
#8dd7d3
```
#8dd7d3 rgb(141,215,211)
```
#a0ddda
```
#a0ddda rgb(160,221,218)
```
#b3e4e2
```
#b3e4e2 rgb(179,228,226)
```

Monochromatic Color

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

#7ad0b7
```
#7ad0b7 rgb(122,208,183)
```
#7ad0be
```
#7ad0be rgb(122,208,190)
```
#7ad0c5
```
#7ad0c5 rgb(122,208,197)
```
#7ad0cc
```
#7ad0cc rgb(122,208,204)
```
#7acdd0
```
#7acdd0 rgb(122,205,208)
```
#7ac6d0
```
#7ac6d0 rgb(122,198,208)
```
#7abfd0
```
#7abfd0 rgb(122,191,208)
```

Similar Colors

Text with hexadecimal color #7ad0cc

This text has a font color of #7ad0cc.

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

#7ad0cc background color

This paragraph has a background color of #7ad0cc.

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

#7ad0cc border color

This element has a border color of #7ad0cc.

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

CSS codes

.text {color:#7ad0cc;}

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

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

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, #040c0c is the darkest color, while #fcfefe is the lightest one.

#040c0c
```
#040c0c rgb(4,12,12)
```
#091a1a
```
#091a1a rgb(9,26,26)
```
#0e2928
```
#0e2928 rgb(14,41,40)
```
#143736
```
#143736 rgb(20,55,54)
```
#194644
```
#194644 rgb(25,70,68)
```
#1e5452
```
#1e5452 rgb(30,84,82)
```
#236360
```
#236360 rgb(35,99,96)
```
#28716e
```
#28716e rgb(40,113,110)
```
#2d807c
```
#2d807c rgb(45,128,124)
```
#328e8a
```
#328e8a rgb(50,142,138)
```
#379d98
```
#379d98 rgb(55,157,152)
```
#3daba6
```
#3daba6 rgb(61,171,166)
```
#42bab4
```
#42bab4 rgb(66,186,180)
```

Shade Color Variation

#4fc1bb
```
#4fc1bb rgb(79,193,187)
```
#5dc6c1
```
#5dc6c1 rgb(93,198,193)
```
#6ccbc6
```
#6ccbc6 rgb(108,203,198)
```
#7ad0cc
```
#7ad0cc rgb(122,208,204)
```
#88d5d2
```
#88d5d2 rgb(136,213,210)
```
#97dad7
```
#97dad7 rgb(151,218,215)
```
#a5dfdd
```
#a5dfdd rgb(165,223,221)
```
#b4e4e2
```
#b4e4e2 rgb(180,228,226)
```
#c2eae8
```
#c2eae8 rgb(194,234,232)
```
#d1efed
```
#d1efed rgb(209,239,237)
```
#dff4f3
```
#dff4f3 rgb(223,244,243)
```
#eef9f8
```
#eef9f8 rgb(238,249,248)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

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

#a4a6a6
```
#a4a6a6 rgb(164,166,166)
```
#9dadad
```
#9dadad rgb(157,173,173)
```
#96b4b3
```
#96b4b3 rgb(150,180,179)
```
#8fbbb9
```
#8fbbb9 rgb(143,187,185)
```
#88c2bf
```
#88c2bf rgb(136,194,191)
```
#81c9c6
```
#81c9c6 rgb(129,201,198)
```
#7ad0cc
```
#7ad0cc rgb(122,208,204)
```
#73d7d2
```
#73d7d2 rgb(115,215,210)
```
#6cded9
```
#6cded9 rgb(108,222,217)
```
#65e5df
```
#65e5df rgb(101,229,223)
```
#5eece5
```
#5eece5 rgb(94,236,229)
```
#57f3eb
```
#57f3eb rgb(87,243,235)
```
#50faf2
```
#50faf2 rgb(80,250,242)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#aabbba Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7c3c6 Protanopia 1% of men
#cebfd5 Deuteranopia 1% of men
#86cfde Tritanopia 0.001% of the population

Trichromacy

#abc8c8 Protanomaly 1% of men, 0.01% of women
#b0c5d1 Deuteranomaly 6% of men, 0.4% of women
#82cfd8 Tritanomaly 0.01% of the population

#7ad0cc hex color

#7ad0cc Color Information

#7ad0cc Color Conversion

Color Schemes with #7ad0cc

Alternatives to #7ad0cc

#7ad0cc Preview

Shades and Tints of #7ad0cc

Tones of #7ad0cc

Color Blindness Simulator