#7ac5bc hex color

In a RGB color space, hex #7ac5bc is composed of 47.8% red, 77.3% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 38.1% cyan, 0% magenta, 4.6% yellow and 22.7% black. It has a hue angle of 172.8 degrees, a saturation of 39.3% and a lightness of 62.5%. #7ac5bc color hex could be obtained by blending #f4ffff with #008b79. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 48
- G 77
- B 74
RGB color chart
- C 38
- M 0
- Y 5
- K 23
CMYK color chart

● #7ac5bc color description : Slightly desaturated cyan.

The hexadecimal color #7ac5bc has RGB values of R:122, G:197, B:188 and CMYK values of C:0.38, M:0, Y:0.05, K:0.23. Its decimal value is 8046012.

Hex triplet	7ac5bc	`#7ac5bc`
RGB Decimal	122, 197, 188	`rgb(122,197,188)`
RGB Percent	47.8, 77.3, 73.7	`rgb(47.8%,77.3%,73.7%)`
CMYK	38, 0, 5, 23
HSL	172.8°, 39.3, 62.5	`hsl(172.8,39.3%,62.5%)`
HSV (or HSB)	172.8°, 38.1, 77.3
Web Safe	66cccc	`#66cccc`

CIE-LAB	74.635, -25.364, -2.848
XYZ	37.067, 47.699, 54.828
xyY	0.266, 0.342, 47.699
CIE-LCH	74.635, 25.524, 186.407
CIE-LUV	74.635, -35.083, -0.201
Hunter-Lab	69.064, -25.062, 1.277
Binary	01111010, 11000101, 10111100

#7ac5bc
```
#7ac5bc rgb(122,197,188)
```
#c57a83
```
#c57a83 rgb(197,122,131)
```

Complementary Color

#7ac597
```
#7ac597 rgb(122,197,151)
```
#7ac5bc
```
#7ac5bc rgb(122,197,188)
```
#7aa9c5
```
#7aa9c5 rgb(122,169,197)
```

Analogous Color

#c5977a
```
#c5977a rgb(197,151,122)
```
#7ac5bc
```
#7ac5bc rgb(122,197,188)
```
#c57aa9
```
#c57aa9 rgb(197,122,169)
```

Split Complementary Color

#c5bc7a
```
#c5bc7a rgb(197,188,122)
```
#7ac5bc
```
#7ac5bc rgb(122,197,188)
```
#bc7ac5
```
#bc7ac5 rgb(188,122,197)
```

Triadic Color

#83c57a
```
#83c57a rgb(131,197,122)
```
#7ac5bc
```
#7ac5bc rgb(122,197,188)
```
#bc7ac5
```
#bc7ac5 rgb(188,122,197)
```
#c57a83
```
#c57a83 rgb(197,122,131)
```

Tetradic Color

#4aa99d
```
#4aa99d rgb(74,169,157)
```
#56b6aa
```
#56b6aa rgb(86,182,170)
```
#68bdb3
```
#68bdb3 rgb(104,189,179)
```
#7ac5bc
```
#7ac5bc rgb(122,197,188)
```
#8ccdc5
```
#8ccdc5 rgb(140,205,197)
```
#9ed4ce
```
#9ed4ce rgb(158,212,206)
```
#afdcd7
```
#afdcd7 rgb(175,220,215)
```

Monochromatic Color

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

#7ac5a9
```
#7ac5a9 rgb(122,197,169)
```
#7ac5b0
```
#7ac5b0 rgb(122,197,176)
```
#7ac5b6
```
#7ac5b6 rgb(122,197,182)
```
#7ac5bc
```
#7ac5bc rgb(122,197,188)
```
#7ac5c2
```
#7ac5c2 rgb(122,197,194)
```
#7ac2c5
```
#7ac2c5 rgb(122,194,197)
```
#7abbc5
```
#7abbc5 rgb(122,187,197)
```

Similar Colors

Text with hexadecimal color #7ac5bc

This text has a font color of #7ac5bc.

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

#7ac5bc background color

This paragraph has a background color of #7ac5bc.

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

#7ac5bc border color

This element has a border color of #7ac5bc.

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

CSS codes

.text {color:#7ac5bc;}

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

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

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

#020403
```
#020403 rgb(2,4,3)
```
#081110
```
#081110 rgb(8,17,16)
```
#0d1f1d
```
#0d1f1d rgb(13,31,29)
```
#132d2a
```
#132d2a rgb(19,45,42)
```
#193a36
```
#193a36 rgb(25,58,54)
```
#1f4843
```
#1f4843 rgb(31,72,67)
```
#255650
```
#255650 rgb(37,86,80)
```
#2b635c
```
#2b635c rgb(43,99,92)
```
#317169
```
#317169 rgb(49,113,105)
```
#377f76
```
#377f76 rgb(55,127,118)
```
#3d8c83
```
#3d8c83 rgb(61,140,131)
```
#439a8f
```
#439a8f rgb(67,154,143)
```
#49a79c
```
#49a79c rgb(73,167,156)
```

Shade Color Variation

#51b3a7
```
#51b3a7 rgb(81,179,167)
```
#5fb9ae
```
#5fb9ae rgb(95,185,174)
```
#6cbfb5
```
#6cbfb5 rgb(108,191,181)
```
#7ac5bc
```
#7ac5bc rgb(122,197,188)
```
#88cbc3
```
#88cbc3 rgb(136,203,195)
```
#95d1ca
```
#95d1ca rgb(149,209,202)
```
#a3d7d1
```
#a3d7d1 rgb(163,215,209)
```
#b1ddd8
```
#b1ddd8 rgb(177,221,216)
```
#bee3de
```
#bee3de rgb(190,227,222)
```
#cce9e5
```
#cce9e5 rgb(204,233,229)
```
#daefec
```
#daefec rgb(218,239,236)
```
#e7f5f3
```
#e7f5f3 rgb(231,245,243)
```
#f5fbfa
```
#f5fbfa rgb(245,251,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9fa0a0 is the less saturated color, while #47f8e3 is the most saturated one.

#9fa0a0
```
#9fa0a0 rgb(159,160,160)
```
#97a8a6
```
#97a8a6 rgb(151,168,166)
```
#90afab
```
#90afab rgb(144,175,171)
```
#89b6b1
```
#89b6b1 rgb(137,182,177)
```
#81beb6
```
#81beb6 rgb(129,190,182)
```
#7ac5bc
```
#7ac5bc rgb(122,197,188)
```
#73ccc2
```
#73ccc2 rgb(115,204,194)
```
#6bd4c7
```
#6bd4c7 rgb(107,212,199)
```
#64dbcd
```
#64dbcd rgb(100,219,205)
```
#5de2d2
```
#5de2d2 rgb(93,226,210)
```
#55ead8
```
#55ead8 rgb(85,234,216)
```
#4ef1dd
```
#4ef1dd rgb(78,241,221)
```
#47f8e3
```
#47f8e3 rgb(71,248,227)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#a4b3b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfbab8 Protanopia 1% of men
#c7b6c5 Deuteranopia 1% of men
#87c4d3 Tritanopia 0.001% of the population

Trichromacy

#a5beb9 Protanomaly 1% of men, 0.01% of women
#abbbc2 Deuteranomaly 6% of men, 0.4% of women
#82c4ca Tritanomaly 0.01% of the population

#7ac5bc hex color

#7ac5bc Color Information

#7ac5bc Color Conversion

Color Schemes with #7ac5bc

Alternatives to #7ac5bc

#7ac5bc Preview

Shades and Tints of #7ac5bc

Tones of #7ac5bc

Color Blindness Simulator