#7ad0bb hex color

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

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

● #7ad0bb color description : Slightly desaturated cyan.

The hexadecimal color #7ad0bb has RGB values of R:122, G:208, B:187 and CMYK values of C:0.41, M:0, Y:0.1, K:0.18. Its decimal value is 8048827.

Hex triplet	7ad0bb	`#7ad0bb`
RGB Decimal	122, 208, 187	`rgb(122,208,187)`
RGB Percent	47.8, 81.6, 73.3	`rgb(47.8%,81.6%,73.3%)`
CMYK	41, 0, 10, 18
HSL	165.3°, 47.8, 64.7	`hsl(165.3,47.8%,64.7%)`
HSV (or HSB)	165.3°, 41.3, 81.6
Web Safe	66cccc	`#66cccc`

CIE-LAB	77.777, -30.932, 2.283
XYZ	39.549, 52.835, 55.125
xyY	0.268, 0.358, 52.835
CIE-LCH	77.777, 31.017, 175.778
CIE-LUV	77.777, -39.675, 8.488
Hunter-Lab	72.688, -30.083, 5.917
Binary	01111010, 11010000, 10111011

#7ad0bb
```
#7ad0bb rgb(122,208,187)
```
#d07a8f
```
#d07a8f rgb(208,122,143)
```

Complementary Color

#7ad090
```
#7ad090 rgb(122,208,144)
```
#7ad0bb
```
#7ad0bb rgb(122,208,187)
```
#7abad0
```
#7abad0 rgb(122,186,208)
```

Analogous Color

#d0907a
```
#d0907a rgb(208,144,122)
```
#7ad0bb
```
#7ad0bb rgb(122,208,187)
```
#d07aba
```
#d07aba rgb(208,122,186)
```

Split Complementary Color

#d0bb7a
```
#d0bb7a rgb(208,187,122)
```
#7ad0bb
```
#7ad0bb rgb(122,208,187)
```
#bb7ad0
```
#bb7ad0 rgb(187,122,208)
```

Triadic Color

#8fd07a
```
#8fd07a rgb(143,208,122)
```
#7ad0bb
```
#7ad0bb rgb(122,208,187)
```
#bb7ad0
```
#bb7ad0 rgb(187,122,208)
```
#d07a8f
```
#d07a8f rgb(208,122,143)
```

Tetradic Color

#42bb9e
```
#42bb9e rgb(66,187,158)
```
#54c3a8
```
#54c3a8 rgb(84,195,168)
```
#67c9b1
```
#67c9b1 rgb(103,201,177)
```
#7ad0bb
```
#7ad0bb rgb(122,208,187)
```
#8dd7c5
```
#8dd7c5 rgb(141,215,197)
```
#a0ddce
```
#a0ddce rgb(160,221,206)
```
#b3e4d8
```
#b3e4d8 rgb(179,228,216)
```

Monochromatic Color

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

#7ad0a6
```
#7ad0a6 rgb(122,208,166)
```
#7ad0ad
```
#7ad0ad rgb(122,208,173)
```
#7ad0b4
```
#7ad0b4 rgb(122,208,180)
```
#7ad0bb
```
#7ad0bb rgb(122,208,187)
```
#7ad0c2
```
#7ad0c2 rgb(122,208,194)
```
#7ad0c9
```
#7ad0c9 rgb(122,208,201)
```
#7ad0d0
```
#7ad0d0 rgb(122,208,208)
```

Similar Colors

Text with hexadecimal color #7ad0bb

This text has a font color of #7ad0bb.

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

#7ad0bb background color

This paragraph has a background color of #7ad0bb.

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

#7ad0bb border color

This element has a border color of #7ad0bb.

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

CSS codes

.text {color:#7ad0bb;}

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

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

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

#040c0a
```
#040c0a rgb(4,12,10)
```
#091a16
```
#091a16 rgb(9,26,22)
```
#0e2922
```
#0e2922 rgb(14,41,34)
```
#14372f
```
#14372f rgb(20,55,47)
```
#19463b
```
#19463b rgb(25,70,59)
```
#1e5447
```
#1e5447 rgb(30,84,71)
```
#236353
```
#236353 rgb(35,99,83)
```
#28715f
```
#28715f rgb(40,113,95)
```
#2d806c
```
#2d806c rgb(45,128,108)
```
#328e78
```
#328e78 rgb(50,142,120)
```
#379d84
```
#379d84 rgb(55,157,132)
```
#3dab90
```
#3dab90 rgb(61,171,144)
```
#42ba9d
```
#42ba9d rgb(66,186,157)
```

Shade Color Variation

#4fc1a5
```
#4fc1a5 rgb(79,193,165)
```
#5dc6ac
```
#5dc6ac rgb(93,198,172)
```
#6ccbb4
```
#6ccbb4 rgb(108,203,180)
```
#7ad0bb
```
#7ad0bb rgb(122,208,187)
```
#88d5c2
```
#88d5c2 rgb(136,213,194)
```
#97daca
```
#97daca rgb(151,218,202)
```
#a5dfd1
```
#a5dfd1 rgb(165,223,209)
```
#b4e4d9
```
#b4e4d9 rgb(180,228,217)
```
#c2eae0
```
#c2eae0 rgb(194,234,224)
```
#d1efe7
```
#d1efe7 rgb(209,239,231)
```
#dff4ef
```
#dff4ef rgb(223,244,239)
```
#eef9f6
```
#eef9f6 rgb(238,249,246)
```
#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 #50fad0 is the most saturated one.

#a4a6a6
```
#a4a6a6 rgb(164,166,166)
```
#9dada9
```
#9dada9 rgb(157,173,169)
```
#96b4ad
```
#96b4ad rgb(150,180,173)
```
#8fbbb0
```
#8fbbb0 rgb(143,187,176)
```
#88c2b4
```
#88c2b4 rgb(136,194,180)
```
#81c9b7
```
#81c9b7 rgb(129,201,183)
```
#7ad0bb
```
#7ad0bb rgb(122,208,187)
```
#73d7bf
```
#73d7bf rgb(115,215,191)
```
#6cdec2
```
#6cdec2 rgb(108,222,194)
```
#65e5c6
```
#65e5c6 rgb(101,229,198)
```
#5eecc9
```
#5eecc9 rgb(94,236,201)
```
#57f3cd
```
#57f3cd rgb(87,243,205)
```
#50fad0
```
#50fad0 rgb(80,250,208)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#a8bab5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9c2b6 Protanopia 1% of men
#d4bdc5 Deuteranopia 1% of men
#8acddc Tritanopia 0.001% of the population

Trichromacy

#acc7b8 Protanomaly 1% of men, 0.01% of women
#b3c4c1 Deuteranomaly 6% of men, 0.4% of women
#84ced0 Tritanomaly 0.01% of the population

#7ad0bb hex color

#7ad0bb Color Information

#7ad0bb Color Conversion

Color Schemes with #7ad0bb

Alternatives to #7ad0bb

#7ad0bb Preview

Shades and Tints of #7ad0bb

Tones of #7ad0bb

Color Blindness Simulator