#7ac3bd hex color

In a RGB color space, hex #7ac3bd is composed of 47.8% red, 76.5% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 37.4% cyan, 0% magenta, 3.1% yellow and 23.5% black. It has a hue angle of 175.1 degrees, a saturation of 37.8% and a lightness of 62.2%. #7ac3bd color hex could be obtained by blending #f4ffff with #00877b. Closest websafe color is: #66cccc.

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

● #7ac3bd color description : Slightly desaturated cyan.

The hexadecimal color #7ac3bd has RGB values of R:122, G:195, B:189 and CMYK values of C:0.37, M:0, Y:0.03, K:0.24. Its decimal value is 8045501.

Hex triplet	7ac3bd	`#7ac3bd`
RGB Decimal	122, 195, 189	`rgb(122,195,189)`
RGB Percent	47.8, 76.5, 74.1	`rgb(47.8%,76.5%,74.1%)`
CMYK	37, 0, 3, 24
HSL	175.1°, 37.8, 62.2	`hsl(175.1,37.8%,62.2%)`
HSV (or HSB)	175.1°, 37.4, 76.5
Web Safe	66cccc	`#66cccc`

CIE-LAB	74.087, -24.135, -4.196
XYZ	36.724, 46.84, 55.247
xyY	0.265, 0.337, 46.84
CIE-LCH	74.087, 24.497, 189.864
CIE-LUV	74.087, -34.226, -2.464
Hunter-Lab	68.44, -23.989, 0.047
Binary	01111010, 11000011, 10111101

#7ac3bd
```
#7ac3bd rgb(122,195,189)
```
#c37a80
```
#c37a80 rgb(195,122,128)
```

Complementary Color

#7ac399
```
#7ac399 rgb(122,195,153)
```
#7ac3bd
```
#7ac3bd rgb(122,195,189)
```
#7aa5c3
```
#7aa5c3 rgb(122,165,195)
```

Analogous Color

#c3997a
```
#c3997a rgb(195,153,122)
```
#7ac3bd
```
#7ac3bd rgb(122,195,189)
```
#c37aa5
```
#c37aa5 rgb(195,122,165)
```

Split Complementary Color

#c3bd7a
```
#c3bd7a rgb(195,189,122)
```
#7ac3bd
```
#7ac3bd rgb(122,195,189)
```
#bd7ac3
```
#bd7ac3 rgb(189,122,195)
```

Triadic Color

#80c37a
```
#80c37a rgb(128,195,122)
```
#7ac3bd
```
#7ac3bd rgb(122,195,189)
```
#bd7ac3
```
#bd7ac3 rgb(189,122,195)
```
#c37a80
```
#c37a80 rgb(195,122,128)
```

Tetradic Color

#4ba69e
```
#4ba69e rgb(75,166,158)
```
#57b3ac
```
#57b3ac rgb(87,179,172)
```
#68bbb4
```
#68bbb4 rgb(104,187,180)
```
#7ac3bd
```
#7ac3bd rgb(122,195,189)
```
#8ccbc6
```
#8ccbc6 rgb(140,203,198)
```
#9dd3ce
```
#9dd3ce rgb(157,211,206)
```
#afdbd7
```
#afdbd7 rgb(175,219,215)
```

Monochromatic Color

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

#7ac3ab
```
#7ac3ab rgb(122,195,171)
```
#7ac3b1
```
#7ac3b1 rgb(122,195,177)
```
#7ac3b7
```
#7ac3b7 rgb(122,195,183)
```
#7ac3bd
```
#7ac3bd rgb(122,195,189)
```
#7ac3c3
```
#7ac3c3 rgb(122,195,195)
```
#7abdc3
```
#7abdc3 rgb(122,189,195)
```
#7ab7c3
```
#7ab7c3 rgb(122,183,195)
```

Similar Colors

Text with hexadecimal color #7ac3bd

This text has a font color of #7ac3bd.

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

#7ac3bd background color

This paragraph has a background color of #7ac3bd.

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

#7ac3bd border color

This element has a border color of #7ac3bd.

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

CSS codes

.text {color:#7ac3bd;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#07100f
```
#07100f rgb(7,16,15)
```
#0d1d1c
```
#0d1d1c rgb(13,29,28)
```
#132b29
```
#132b29 rgb(19,43,41)
```
#193836
```
#193836 rgb(25,56,54)
```
#1f4643
```
#1f4643 rgb(31,70,67)
```
#265350
```
#265350 rgb(38,83,80)
```
#2c615c
```
#2c615c rgb(44,97,92)
```
#326e69
```
#326e69 rgb(50,110,105)
```
#387c76
```
#387c76 rgb(56,124,118)
```
#3e8983
```
#3e8983 rgb(62,137,131)
```
#449790
```
#449790 rgb(68,151,144)
```
#4aa49d
```
#4aa49d rgb(74,164,157)
```

Shade Color Variation

#51b1a9
```
#51b1a9 rgb(81,177,169)
```
#5fb7b0
```
#5fb7b0 rgb(95,183,176)
```
#6cbdb6
```
#6cbdb6 rgb(108,189,182)
```
#7ac3bd
```
#7ac3bd rgb(122,195,189)
```
#88c9c4
```
#88c9c4 rgb(136,201,196)
```
#95cfca
```
#95cfca rgb(149,207,202)
```
#a3d5d1
```
#a3d5d1 rgb(163,213,209)
```
#b0dbd8
```
#b0dbd8 rgb(176,219,216)
```
#bee1df
```
#bee1df rgb(190,225,223)
```
#cbe8e5
```
#cbe8e5 rgb(203,232,229)
```
#d9eeec
```
#d9eeec rgb(217,238,236)
```
#e6f4f3
```
#e6f4f3 rgb(230,244,243)
```
#f4faf9
```
#f4faf9 rgb(244,250,249)
```

Tint Color Variation

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

#98a5a4
```
#98a5a4 rgb(152,165,164)
```
#90adaa
```
#90adaa rgb(144,173,170)
```
#89b4b1
```
#89b4b1 rgb(137,180,177)
```
#81bcb7
```
#81bcb7 rgb(129,188,183)
```
#7ac3bd
```
#7ac3bd rgb(122,195,189)
```
#73cac3
```
#73cac3 rgb(115,202,195)
```
#6bd2c9
```
#6bd2c9 rgb(107,210,201)
```
#64d9d0
```
#64d9d0 rgb(100,217,208)
```
#5ce1d6
```
#5ce1d6 rgb(92,225,214)
```
#55e8dc
```
#55e8dc rgb(85,232,220)
```
#4df0e2
```
#4df0e2 rgb(77,240,226)
```
#46f7e8
```
#46f7e8 rgb(70,247,232)
```
#3ffeef
```
#3ffeef rgb(63,254,239)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#a2b1af Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcb9b9 Protanopia 1% of men
#c5b4c6 Deuteranopia 1% of men
#86c3d1 Tritanopia 0.001% of the population

Trichromacy

#a4bcba Protanomaly 1% of men, 0.01% of women
#a9bac2 Deuteranomaly 6% of men, 0.4% of women
#81c3ca Tritanomaly 0.01% of the population

#7ac3bd hex color

#7ac3bd Color Information

#7ac3bd Color Conversion

Color Schemes with #7ac3bd

Alternatives to #7ac3bd

#7ac3bd Preview

Shades and Tints of #7ac3bd

Tones of #7ac3bd

Color Blindness Simulator