#8ac8bc hex color

In a RGB color space, hex #8ac8bc is composed of 54.1% red, 78.4% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 31% cyan, 0% magenta, 6% yellow and 21.6% black. It has a hue angle of 168.4 degrees, a saturation of 36% and a lightness of 66.3%. #8ac8bc color hex could be obtained by blending #ffffff with #159179. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 54
- G 78
- B 74
RGB color chart
- C 31
- M 0
- Y 6
- K 22
CMYK color chart

● #8ac8bc color description : Slightly desaturated cyan.

The hexadecimal color #8ac8bc has RGB values of R:138, G:200, B:188 and CMYK values of C:0.31, M:0, Y:0.06, K:0.22. Its decimal value is 9095356.

Hex triplet	8ac8bc	`#8ac8bc`
RGB Decimal	138, 200, 188	`rgb(138,200,188)`
RGB Percent	54.1, 78.4, 73.7	`rgb(54.1%,78.4%,73.7%)`
CMYK	31, 0, 6, 22
HSL	168.4°, 36, 66.3	`hsl(168.4,36%,66.3%)`
HSV (or HSB)	168.4°, 31, 78.4
Web Safe	99cccc	`#99cccc`

CIE-LAB	76.278, -22.401, -0.347
XYZ	40.21, 50.341, 55.172
xyY	0.276, 0.345, 50.341
CIE-LCH	76.278, 22.403, 180.888
CIE-LUV	76.278, -30.189, 3.17
Hunter-Lab	70.951, -23.004, 3.562
Binary	10001010, 11001000, 10111100

#8ac8bc
```
#8ac8bc rgb(138,200,188)
```
#c88a96
```
#c88a96 rgb(200,138,150)
```

Complementary Color

#8ac89d
```
#8ac89d rgb(138,200,157)
```
#8ac8bc
```
#8ac8bc rgb(138,200,188)
```
#8ab5c8
```
#8ab5c8 rgb(138,181,200)
```

Analogous Color

#c89d8a
```
#c89d8a rgb(200,157,138)
```
#8ac8bc
```
#8ac8bc rgb(138,200,188)
```
#c88ab5
```
#c88ab5 rgb(200,138,181)
```

Split Complementary Color

#c8bc8a
```
#c8bc8a rgb(200,188,138)
```
#8ac8bc
```
#8ac8bc rgb(138,200,188)
```
#bc8ac8
```
#bc8ac8 rgb(188,138,200)
```

Triadic Color

#96c88a
```
#96c88a rgb(150,200,138)
```
#8ac8bc
```
#8ac8bc rgb(138,200,188)
```
#bc8ac8
```
#bc8ac8 rgb(188,138,200)
```
#c88a96
```
#c88a96 rgb(200,138,150)
```

Tetradic Color

#56b09e
```
#56b09e rgb(86,176,158)
```
#67b8a8
```
#67b8a8 rgb(103,184,168)
```
#79c0b2
```
#79c0b2 rgb(121,192,178)
```
#8ac8bc
```
#8ac8bc rgb(138,200,188)
```
#9bd0c6
```
#9bd0c6 rgb(155,208,198)
```
#add8d0
```
#add8d0 rgb(173,216,208)
```
#bee0da
```
#bee0da rgb(190,224,218)
```

Monochromatic Color

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

#8ac8ad
```
#8ac8ad rgb(138,200,173)
```
#8ac8b2
```
#8ac8b2 rgb(138,200,178)
```
#8ac8b7
```
#8ac8b7 rgb(138,200,183)
```
#8ac8bc
```
#8ac8bc rgb(138,200,188)
```
#8ac8c1
```
#8ac8c1 rgb(138,200,193)
```
#8ac8c6
```
#8ac8c6 rgb(138,200,198)
```
#8ac5c8
```
#8ac5c8 rgb(138,197,200)
```

Similar Colors

Text with hexadecimal color #8ac8bc

This text has a font color of #8ac8bc.

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

#8ac8bc background color

This paragraph has a background color of #8ac8bc.

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

#8ac8bc border color

This element has a border color of #8ac8bc.

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

CSS codes

.text {color:#8ac8bc;}

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

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

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

#010303
```
#010303 rgb(1,3,3)
```
#08100f
```
#08100f rgb(8,16,15)
```
#0e1e1b
```
#0e1e1b rgb(14,30,27)
```
#142b27
```
#142b27 rgb(20,43,39)
```
#1b3833
```
#1b3833 rgb(27,56,51)
```
#21463f
```
#21463f rgb(33,70,63)
```
#27534b
```
#27534b rgb(39,83,75)
```
#2d6057
```
#2d6057 rgb(45,96,87)
```
#346e63
```
#346e63 rgb(52,110,99)
```
#3a7b6f
```
#3a7b6f rgb(58,123,111)
```
#40897b
```
#40897b rgb(64,137,123)
```
#469686
```
#469686 rgb(70,150,134)
```
#4da392
```
#4da392 rgb(77,163,146)
```

Shade Color Variation

#55af9d
```
#55af9d rgb(85,175,157)
```
#62b5a5
```
#62b5a5 rgb(98,181,165)
```
#6fbbad
```
#6fbbad rgb(111,187,173)
```
#7dc2b4
```
#7dc2b4 rgb(125,194,180)
```
#8ac8bc
```
#8ac8bc rgb(138,200,188)
```
#97cec4
```
#97cec4 rgb(151,206,196)
```
#a5d5cb
```
#a5d5cb rgb(165,213,203)
```
#b2dbd3
```
#b2dbd3 rgb(178,219,211)
```
#bfe1db
```
#bfe1db rgb(191,225,219)
```
#cde7e2
```
#cde7e2 rgb(205,231,226)
```
#daeeea
```
#daeeea rgb(218,238,234)
```
#e7f4f1
```
#e7f4f1 rgb(231,244,241)
```
#f5faf9
```
#f5faf9 rgb(245,250,249)
```

Tint Color Variation

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

#a4aeac
```
#a4aeac rgb(164,174,172)
```
#9eb4b0
```
#9eb4b0 rgb(158,180,176)
```
#97bbb4
```
#97bbb4 rgb(151,187,180)
```
#91c1b8
```
#91c1b8 rgb(145,193,184)
```
#8ac8bc
```
#8ac8bc rgb(138,200,188)
```
#83cfc0
```
#83cfc0 rgb(131,207,192)
```
#7dd5c4
```
#7dd5c4 rgb(125,213,196)
```
#76dcc8
```
#76dcc8 rgb(118,220,200)
```
#70e2cc
```
#70e2cc rgb(112,226,204)
```
#69e9d0
```
#69e9d0 rgb(105,233,208)
```
#62f0d4
```
#62f0d4 rgb(98,240,212)
```
#5cf6d8
```
#5cf6d8 rgb(92,246,216)
```
#55fddc
```
#55fddc rgb(85,253,220)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#acb8b6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4beb9 Protanopia 1% of men
#cebac5 Deuteranopia 1% of men
#96c7d5 Tritanopia 0.001% of the population

Trichromacy

#afc2ba Protanomaly 1% of men, 0.01% of women
#b5bfc1 Deuteranomaly 6% of men, 0.4% of women
#91c7cc Tritanomaly 0.01% of the population

#8ac8bc hex color

#8ac8bc Color Information

#8ac8bc Color Conversion

Color Schemes with #8ac8bc

Alternatives to #8ac8bc

#8ac8bc Preview

Shades and Tints of #8ac8bc

Tones of #8ac8bc

Color Blindness Simulator