#8ac2b4 hex color

In a RGB color space, hex #8ac2b4 is composed of 54.1% red, 76.1% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 28.9% cyan, 0% magenta, 7.2% yellow and 23.9% black. It has a hue angle of 165 degrees, a saturation of 31.5% and a lightness of 65.1%. #8ac2b4 color hex could be obtained by blending #ffffff with #158569. Closest websafe color is: #99cccc.

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

● #8ac2b4 color description : Slightly desaturated cyan.

The hexadecimal color #8ac2b4 has RGB values of R:138, G:194, B:180 and CMYK values of C:0.29, M:0, Y:0.07, K:0.24. Its decimal value is 9093812.

Hex triplet	8ac2b4	`#8ac2b4`
RGB Decimal	138, 194, 180	`rgb(138,194,180)`
RGB Percent	54.1, 76.1, 70.6	`rgb(54.1%,76.1%,70.6%)`
CMYK	29, 0, 7, 24
HSL	165°, 31.5, 65.1	`hsl(165,31.5%,65.1%)`
HSV (or HSB)	165°, 28.9, 76.1
Web Safe	99cccc	`#99cccc`

CIE-LAB	74.369, -21.149, 1.199
XYZ	38.009, 47.281, 50.301
xyY	0.28, 0.349, 47.281
CIE-LCH	74.369, 21.183, 176.754
CIE-LUV	74.369, -27.609, 5.278
Hunter-Lab	68.761, -21.662, 4.76
Binary	10001010, 11000010, 10110100

#8ac2b4
```
#8ac2b4 rgb(138,194,180)
```
#c28a98
```
#c28a98 rgb(194,138,152)
```

Complementary Color

#8ac298
```
#8ac298 rgb(138,194,152)
```
#8ac2b4
```
#8ac2b4 rgb(138,194,180)
```
#8ab4c2
```
#8ab4c2 rgb(138,180,194)
```

Analogous Color

#c2988a
```
#c2988a rgb(194,152,138)
```
#8ac2b4
```
#8ac2b4 rgb(138,194,180)
```
#c28ab4
```
#c28ab4 rgb(194,138,180)
```

Split Complementary Color

#c2b48a
```
#c2b48a rgb(194,180,138)
```
#8ac2b4
```
#8ac2b4 rgb(138,194,180)
```
#b48ac2
```
#b48ac2 rgb(180,138,194)
```

Triadic Color

#98c28a
```
#98c28a rgb(152,194,138)
```
#8ac2b4
```
#8ac2b4 rgb(138,194,180)
```
#b48ac2
```
#b48ac2 rgb(180,138,194)
```
#c28a98
```
#c28a98 rgb(194,138,152)
```

Tetradic Color

#58a894
```
#58a894 rgb(88,168,148)
```
#68b19f
```
#68b19f rgb(104,177,159)
```
#79b9a9
```
#79b9a9 rgb(121,185,169)
```
#8ac2b4
```
#8ac2b4 rgb(138,194,180)
```
#9bcbbf
```
#9bcbbf rgb(155,203,191)
```
#acd3c9
```
#acd3c9 rgb(172,211,201)
```
#bcdcd4
```
#bcdcd4 rgb(188,220,212)
```

Monochromatic Color

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

#8ac2a6
```
#8ac2a6 rgb(138,194,166)
```
#8ac2ab
```
#8ac2ab rgb(138,194,171)
```
#8ac2af
```
#8ac2af rgb(138,194,175)
```
#8ac2b4
```
#8ac2b4 rgb(138,194,180)
```
#8ac2b9
```
#8ac2b9 rgb(138,194,185)
```
#8ac2bd
```
#8ac2bd rgb(138,194,189)
```
#8ac2c2
```
#8ac2c2 rgb(138,194,194)
```

Similar Colors

Text with hexadecimal color #8ac2b4

This text has a font color of #8ac2b4.

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

#8ac2b4 background color

This paragraph has a background color of #8ac2b4.

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

#8ac2b4 border color

This element has a border color of #8ac2b4.

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

CSS codes

.text {color:#8ac2b4;}

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

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

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, #060c0b is the darkest color, while #fefefe is the lightest one.

#060c0b
```
#060c0b rgb(6,12,11)
```
#0d1916
```
#0d1916 rgb(13,25,22)
```
#142621
```
#142621 rgb(20,38,33)
```
#1a332d
```
#1a332d rgb(26,51,45)
```
#214038
```
#214038 rgb(33,64,56)
```
#284c43
```
#284c43 rgb(40,76,67)
```
#2f594f
```
#2f594f rgb(47,89,79)
```
#35665a
```
#35665a rgb(53,102,90)
```
#3c7365
```
#3c7365 rgb(60,115,101)
```
#438071
```
#438071 rgb(67,128,113)
```
#498d7c
```
#498d7c rgb(73,141,124)
```
#509a87
```
#509a87 rgb(80,154,135)
```
#57a793
```
#57a793 rgb(87,167,147)
```

Shade Color Variation

#63ae9b
```
#63ae9b rgb(99,174,155)
```
#70b5a3
```
#70b5a3 rgb(112,181,163)
```
#7dbbac
```
#7dbbac rgb(125,187,172)
```
#8ac2b4
```
#8ac2b4 rgb(138,194,180)
```
#97c9bc
```
#97c9bc rgb(151,201,188)
```
#a4cfc5
```
#a4cfc5 rgb(164,207,197)
```
#b1d6cd
```
#b1d6cd rgb(177,214,205)
```
#beddd5
```
#beddd5 rgb(190,221,213)
```
#cae4dd
```
#cae4dd rgb(202,228,221)
```
#d7eae6
```
#d7eae6 rgb(215,234,230)
```
#e4f1ee
```
#e4f1ee rgb(228,241,238)
```
#f1f8f6
```
#f1f8f6 rgb(241,248,246)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#a5a7a6
```
#a5a7a6 rgb(165,167,166)
```
#9fadaa
```
#9fadaa rgb(159,173,170)
```
#98b4ad
```
#98b4ad rgb(152,180,173)
```
#91bbb1
```
#91bbb1 rgb(145,187,177)
```
#8ac2b4
```
#8ac2b4 rgb(138,194,180)
```
#83c9b7
```
#83c9b7 rgb(131,201,183)
```
#7cd0bb
```
#7cd0bb rgb(124,208,187)
```
#75d7be
```
#75d7be rgb(117,215,190)
```
#6fddc2
```
#6fddc2 rgb(111,221,194)
```
#68e4c5
```
#68e4c5 rgb(104,228,197)
```
#61ebc9
```
#61ebc9 rgb(97,235,201)
```
#5af2cc
```
#5af2cc rgb(90,242,204)
```
#53f9cf
```
#53f9cf rgb(83,249,207)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#a8b4b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfb9b2 Protanopia 1% of men
#cab5bd Deuteranopia 1% of men
#96c1cf Tritanopia 0.001% of the population

Trichromacy

#acbcb2 Protanomaly 1% of men, 0.01% of women
#b3b9b9 Deuteranomaly 6% of men, 0.4% of women
#91c1c5 Tritanomaly 0.01% of the population

#8ac2b4 hex color

#8ac2b4 Color Information

#8ac2b4 Color Conversion

Color Schemes with #8ac2b4

Alternatives to #8ac2b4

#8ac2b4 Preview

Shades and Tints of #8ac2b4

Tones of #8ac2b4

Color Blindness Simulator