#7ad5bf hex color

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

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

● #7ad5bf color description : Slightly desaturated cyan.

The hexadecimal color #7ad5bf has RGB values of R:122, G:213, B:191 and CMYK values of C:0.43, M:0, Y:0.1, K:0.16. Its decimal value is 8050111.

Hex triplet	7ad5bf	`#7ad5bf`
RGB Decimal	122, 213, 191	`rgb(122,213,191)`
RGB Percent	47.8, 83.5, 74.9	`rgb(47.8%,83.5%,74.9%)`
CMYK	43, 0, 10, 16
HSL	165.5°, 52, 65.7	`hsl(165.5,52%,65.7%)`
HSV (or HSB)	165.5°, 42.7, 83.5
Web Safe	66cccc	`#66cccc`

CIE-LAB	79.32, -32.392, 2.382
XYZ	41.221, 55.485, 57.825
xyY	0.267, 0.359, 55.485
CIE-LCH	79.32, 32.479, 175.794
CIE-LUV	79.32, -41.609, 8.894
Hunter-Lab	74.488, -31.574, 6.115
Binary	01111010, 11010101, 10111111

#7ad5bf
```
#7ad5bf rgb(122,213,191)
```
#d57a90
```
#d57a90 rgb(213,122,144)
```

Complementary Color

#7ad592
```
#7ad592 rgb(122,213,146)
```
#7ad5bf
```
#7ad5bf rgb(122,213,191)
```
#7abed5
```
#7abed5 rgb(122,190,213)
```

Analogous Color

#d5927a
```
#d5927a rgb(213,146,122)
```
#7ad5bf
```
#7ad5bf rgb(122,213,191)
```
#d57abe
```
#d57abe rgb(213,122,190)
```

Split Complementary Color

#d5bf7a
```
#d5bf7a rgb(213,191,122)
```
#7ad5bf
```
#7ad5bf rgb(122,213,191)
```
#bf7ad5
```
#bf7ad5 rgb(191,122,213)
```

Triadic Color

#90d57a
```
#90d57a rgb(144,213,122)
```
#7ad5bf
```
#7ad5bf rgb(122,213,191)
```
#bf7ad5
```
#bf7ad5 rgb(191,122,213)
```
#d57a90
```
#d57a90 rgb(213,122,144)
```

Tetradic Color

#40c3a3
```
#40c3a3 rgb(64,195,163)
```
#53c9ac
```
#53c9ac rgb(83,201,172)
```
#67cfb6
```
#67cfb6 rgb(103,207,182)
```
#7ad5bf
```
#7ad5bf rgb(122,213,191)
```
#8ddbc8
```
#8ddbc8 rgb(141,219,200)
```
#a1e1d2
```
#a1e1d2 rgb(161,225,210)
```
#b4e7db
```
#b4e7db rgb(180,231,219)
```

Monochromatic Color

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

#7ad5a8
```
#7ad5a8 rgb(122,213,168)
```
#7ad5b0
```
#7ad5b0 rgb(122,213,176)
```
#7ad5b7
```
#7ad5b7 rgb(122,213,183)
```
#7ad5bf
```
#7ad5bf rgb(122,213,191)
```
#7ad5c7
```
#7ad5c7 rgb(122,213,199)
```
#7ad5ce
```
#7ad5ce rgb(122,213,206)
```
#7ad4d5
```
#7ad4d5 rgb(122,212,213)
```

Similar Colors

Text with hexadecimal color #7ad5bf

This text has a font color of #7ad5bf.

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

#7ad5bf background color

This paragraph has a background color of #7ad5bf.

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

#7ad5bf border color

This element has a border color of #7ad5bf.

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

CSS codes

.text {color:#7ad5bf;}

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

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

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 #f1fbf8 is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#05100d
```
#05100d rgb(5,16,13)
```
#0a1f1a
```
#0a1f1a rgb(10,31,26)
```
#0e2e26
```
#0e2e26 rgb(14,46,38)
```
#133d33
```
#133d33 rgb(19,61,51)
```
#184c3f
```
#184c3f rgb(24,76,63)
```
#1d5b4c
```
#1d5b4c rgb(29,91,76)
```
#216a58
```
#216a58 rgb(33,106,88)
```
#267865
```
#267865 rgb(38,120,101)
```
#2b8771
```
#2b8771 rgb(43,135,113)
```
#2f967d
```
#2f967d rgb(47,150,125)
```
#34a58a
```
#34a58a rgb(52,165,138)
```
#39b496
```
#39b496 rgb(57,180,150)
```

Shade Color Variation

#3ec2a2
```
#3ec2a2 rgb(62,194,162)
```
#4dc7a9
```
#4dc7a9 rgb(77,199,169)
```
#5cccb1
```
#5cccb1 rgb(92,204,177)
```
#6bd0b8
```
#6bd0b8 rgb(107,208,184)
```
#7ad5bf
```
#7ad5bf rgb(122,213,191)
```
#89dac6
```
#89dac6 rgb(137,218,198)
```
#98decd
```
#98decd rgb(152,222,205)
```
#a7e3d5
```
#a7e3d5 rgb(167,227,213)
```
#b6e8dc
```
#b6e8dc rgb(182,232,220)
```
#c5ede3
```
#c5ede3 rgb(197,237,227)
```
#d3f1ea
```
#d3f1ea rgb(211,241,234)
```
#e2f6f1
```
#e2f6f1 rgb(226,246,241)
```
#f1fbf8
```
#f1fbf8 rgb(241,251,248)
```

Tint Color Variation

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

#a2adaa
```
#a2adaa rgb(162,173,170)
```
#9cb3ae
```
#9cb3ae rgb(156,179,174)
```
#95bab1
```
#95bab1 rgb(149,186,177)
```
#8ec1b5
```
#8ec1b5 rgb(142,193,181)
```
#87c8b8
```
#87c8b8 rgb(135,200,184)
```
#81cebc
```
#81cebc rgb(129,206,188)
```
#7ad5bf
```
#7ad5bf rgb(122,213,191)
```
#73dcc2
```
#73dcc2 rgb(115,220,194)
```
#6de2c6
```
#6de2c6 rgb(109,226,198)
```
#66e9c9
```
#66e9c9 rgb(102,233,201)
```
#5ff0cd
```
#5ff0cd rgb(95,240,205)
```
#58f7d0
```
#58f7d0 rgb(88,247,208)
```
#52fdd4
```
#52fdd4 rgb(82,253,212)
```

Tone Color Variation

Below, you can see how #7ad5bf 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
#abbdb9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cec6ba Protanopia 1% of men
#d8c1c9 Deuteranopia 1% of men
#8bd2e1 Tritanopia 0.001% of the population

Trichromacy

#afcbbb Protanomaly 1% of men, 0.01% of women
#b6c8c5 Deuteranomaly 6% of men, 0.4% of women
#85d3d5 Tritanomaly 0.01% of the population

#7ad5bf hex color

#7ad5bf Color Information

#7ad5bf Color Conversion

Color Schemes with #7ad5bf

Alternatives to #7ad5bf

#7ad5bf Preview

Shades and Tints of #7ad5bf

Tones of #7ad5bf

Color Blindness Simulator