#7ac2b4 hex color

In a RGB color space, hex #7ac2b4 is composed of 47.8% red, 76.1% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 37.1% cyan, 0% magenta, 7.2% yellow and 23.9% black. It has a hue angle of 168.3 degrees, a saturation of 37.1% and a lightness of 62%. #7ac2b4 color hex could be obtained by blending #f4ffff with #008569. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 48
- G 76
- B 71
RGB color chart
- C 37
- M 0
- Y 7
- K 24
CMYK color chart

● #7ac2b4 color description : Slightly desaturated cyan.

The hexadecimal color #7ac2b4 has RGB values of R:122, G:194, B:180 and CMYK values of C:0.37, M:0, Y:0.07, K:0.24. Its decimal value is 8045236.

Hex triplet	7ac2b4	`#7ac2b4`
RGB Decimal	122, 194, 180	`rgb(122,194,180)`
RGB Percent	47.8, 76.1, 70.6	`rgb(47.8%,76.1%,70.6%)`
CMYK	37, 0, 7, 24
HSL	168.3°, 37.1, 62	`hsl(168.3,37.1%,62%)`
HSV (or HSB)	168.3°, 37.1, 76.1
Web Safe	66cccc	`#66cccc`

CIE-LAB	73.555, -25.751, -0.086
XYZ	35.554, 46.015, 50.186
xyY	0.27, 0.349, 46.015
CIE-LCH	73.555, 25.751, 180.191
CIE-LUV	73.555, -33.998, 4.053
Hunter-Lab	67.834, -25.153, 3.619
Binary	01111010, 11000010, 10110100

#7ac2b4
```
#7ac2b4 rgb(122,194,180)
```
#c27a88
```
#c27a88 rgb(194,122,136)
```

Complementary Color

#7ac290
```
#7ac290 rgb(122,194,144)
```
#7ac2b4
```
#7ac2b4 rgb(122,194,180)
```
#7aacc2
```
#7aacc2 rgb(122,172,194)
```

Analogous Color

#c2907a
```
#c2907a rgb(194,144,122)
```
#7ac2b4
```
#7ac2b4 rgb(122,194,180)
```
#c27aac
```
#c27aac rgb(194,122,172)
```

Split Complementary Color

#c2b47a
```
#c2b47a rgb(194,180,122)
```
#7ac2b4
```
#7ac2b4 rgb(122,194,180)
```
#b47ac2
```
#b47ac2 rgb(180,122,194)
```

Triadic Color

#88c27a
```
#88c27a rgb(136,194,122)
```
#7ac2b4
```
#7ac2b4 rgb(122,194,180)
```
#b47ac2
```
#b47ac2 rgb(180,122,194)
```
#c27a88
```
#c27a88 rgb(194,122,136)
```

Tetradic Color

#4ba493
```
#4ba493 rgb(75,164,147)
```
#57b2a0
```
#57b2a0 rgb(87,178,160)
```
#69baaa
```
#69baaa rgb(105,186,170)
```
#7ac2b4
```
#7ac2b4 rgb(122,194,180)
```
#8bcabe
```
#8bcabe rgb(139,202,190)
```
#9dd2c8
```
#9dd2c8 rgb(157,210,200)
```
#aedad2
```
#aedad2 rgb(174,218,210)
```

Monochromatic Color

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

#7ac2a2
```
#7ac2a2 rgb(122,194,162)
```
#7ac2a8
```
#7ac2a8 rgb(122,194,168)
```
#7ac2ae
```
#7ac2ae rgb(122,194,174)
```
#7ac2b4
```
#7ac2b4 rgb(122,194,180)
```
#7ac2ba
```
#7ac2ba rgb(122,194,186)
```
#7ac2c0
```
#7ac2c0 rgb(122,194,192)
```
#7abec2
```
#7abec2 rgb(122,190,194)
```

Similar Colors

Text with hexadecimal color #7ac2b4

This text has a font color of #7ac2b4.

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

#7ac2b4 background color

This paragraph has a background color of #7ac2b4.

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

#7ac2b4 border color

This element has a border color of #7ac2b4.

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

CSS codes

.text {color:#7ac2b4;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#070f0d
```
#070f0d rgb(7,15,13)
```
#0d1c19
```
#0d1c19 rgb(13,28,25)
```
#132a25
```
#132a25 rgb(19,42,37)
```
#193731
```
#193731 rgb(25,55,49)
```
#20453d
```
#20453d rgb(32,69,61)
```
#26524a
```
#26524a rgb(38,82,74)
```
#2c6056
```
#2c6056 rgb(44,96,86)
```
#326d62
```
#326d62 rgb(50,109,98)
```
#387b6e
```
#387b6e rgb(56,123,110)
```
#3e887a
```
#3e887a rgb(62,136,122)
```
#459586
```
#459586 rgb(69,149,134)
```
#4ba392
```
#4ba392 rgb(75,163,146)
```

Shade Color Variation

#52af9d
```
#52af9d rgb(82,175,157)
```
#5fb6a5
```
#5fb6a5 rgb(95,182,165)
```
#6dbcac
```
#6dbcac rgb(109,188,172)
```
#7ac2b4
```
#7ac2b4 rgb(122,194,180)
```
#87c8bc
```
#87c8bc rgb(135,200,188)
```
#95cec3
```
#95cec3 rgb(149,206,195)
```
#a2d5cb
```
#a2d5cb rgb(162,213,203)
```
#b0dbd2
```
#b0dbd2 rgb(176,219,210)
```
#bde1da
```
#bde1da rgb(189,225,218)
```
#cbe7e1
```
#cbe7e1 rgb(203,231,225)
```
#d8ede9
```
#d8ede9 rgb(216,237,233)
```
#e6f3f1
```
#e6f3f1 rgb(230,243,241)
```
#f3faf8
```
#f3faf8 rgb(243,250,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #98a4a2 is the less saturated color, while #3efed8 is the most saturated one.

#98a4a2
```
#98a4a2 rgb(152,164,162)
```
#90aca6
```
#90aca6 rgb(144,172,166)
```
#89b3ab
```
#89b3ab rgb(137,179,171)
```
#81bbaf
```
#81bbaf rgb(129,187,175)
```
#7ac2b4
```
#7ac2b4 rgb(122,194,180)
```
#73c9b9
```
#73c9b9 rgb(115,201,185)
```
#6bd1bd
```
#6bd1bd rgb(107,209,189)
```
#64d8c2
```
#64d8c2 rgb(100,216,194)
```
#5ce0c6
```
#5ce0c6 rgb(92,224,198)
```
#55e7cb
```
#55e7cb rgb(85,231,203)
```
#4defcf
```
#4defcf rgb(77,239,207)
```
#46f6d4
```
#46f6d4 rgb(70,246,212)
```
#3efed8
```
#3efed8 rgb(62,254,216)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#a1b0ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdb7b0 Protanopia 1% of men
#c6b3be Deuteranopia 1% of men
#88c1cf Tritanopia 0.001% of the population

Trichromacy

#a4bbb2 Protanomaly 1% of men, 0.01% of women
#aab8ba Deuteranomaly 6% of men, 0.4% of women
#82c1c5 Tritanomaly 0.01% of the population

#7ac2b4 hex color

#7ac2b4 Color Information

#7ac2b4 Color Conversion

Color Schemes with #7ac2b4

Alternatives to #7ac2b4

#7ac2b4 Preview

Shades and Tints of #7ac2b4

Tones of #7ac2b4

Color Blindness Simulator