#acbecc hex color

In a RGB color space, hex #acbecc is composed of 67.5% red, 74.5% green and 80% blue. Whereas in a CMYK color space, it is composed of 15.7% cyan, 6.9% magenta, 0% yellow and 20% black. It has a hue angle of 206.3 degrees, a saturation of 23.9% and a lightness of 73.7%. #acbecc color hex could be obtained by blending #ffffff with #597d99. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 67
- G 75
- B 80
RGB color chart
- C 16
- M 7
- Y 0
- K 20
CMYK color chart

● #acbecc color description : Grayish blue.

The hexadecimal color #acbecc has RGB values of R:172, G:190, B:204 and CMYK values of C:0.16, M:0.07, Y:0, K:0.2. Its decimal value is 11321036.

Hex triplet	acbecc	`#acbecc`
RGB Decimal	172, 190, 204	`rgb(172,190,204)`
RGB Percent	67.5, 74.5, 80	`rgb(67.5%,74.5%,80%)`
CMYK	16, 7, 0, 20
HSL	206.3°, 23.9, 73.7	`hsl(206.3,23.9%,73.7%)`
HSV (or HSB)	206.3°, 15.7, 80
Web Safe	99cccc	`#99cccc`

CIE-LAB	76.043, -3.253, -9.124
XYZ	46.324, 49.956, 64.325
xyY	0.288, 0.311, 49.956
CIE-LCH	76.043, 9.686, 250.374
CIE-LUV	76.043, -10.299, -13.41
Hunter-Lab	70.68, -6.701, -4.484
Binary	10101100, 10111110, 11001100

#acbecc
```
#acbecc rgb(172,190,204)
```
#ccbaac
```
#ccbaac rgb(204,186,172)
```

Complementary Color

#acccca
```
#acccca rgb(172,204,202)
```
#acbecc
```
#acbecc rgb(172,190,204)
```
#acaecc
```
#acaecc rgb(172,174,204)
```

Analogous Color

#cccaac
```
#cccaac rgb(204,202,172)
```
#acbecc
```
#acbecc rgb(172,190,204)
```
#ccacae
```
#ccacae rgb(204,172,174)
```

Split Complementary Color

#beccac
```
#beccac rgb(190,204,172)
```
#acbecc
```
#acbecc rgb(172,190,204)
```
#ccacbe
```
#ccacbe rgb(204,172,190)
```

Triadic Color

#acccba
```
#acccba rgb(172,204,186)
```
#acbecc
```
#acbecc rgb(172,190,204)
```
#ccacbe
```
#ccacbe rgb(204,172,190)
```
#ccbaac
```
#ccbaac rgb(204,186,172)
```

Tetradic Color

#7d99af
```
#7d99af rgb(125,153,175)
```
#8ca5b9
```
#8ca5b9 rgb(140,165,185)
```
#9cb2c2
```
#9cb2c2 rgb(156,178,194)
```
#acbecc
```
#acbecc rgb(172,190,204)
```
#bccad6
```
#bccad6 rgb(188,202,214)
```
#ccd7df
```
#ccd7df rgb(204,215,223)
```
#dbe3e9
```
#dbe3e9 rgb(219,227,233)
```

Monochromatic Color

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

#acc6cc
```
#acc6cc rgb(172,198,204)
```
#acc3cc
```
#acc3cc rgb(172,195,204)
```
#acc1cc
```
#acc1cc rgb(172,193,204)
```
#acbecc
```
#acbecc rgb(172,190,204)
```
#acbbcc
```
#acbbcc rgb(172,187,204)
```
#acb9cc
```
#acb9cc rgb(172,185,204)
```
#acb6cc
```
#acb6cc rgb(172,182,204)
```

Similar Colors

Text with hexadecimal color #acbecc

This text has a font color of #acbecc.

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

#acbecc background color

This paragraph has a background color of #acbecc.

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

#acbecc border color

This element has a border color of #acbecc.

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

CSS codes

.text {color:#acbecc;}

.background {background-color:#acbecc;}

.border {border:1px solid #acbecc;}

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 #f5f7f9 is the lightest one.

#010202
```
#010202 rgb(1,2,2)
```
#090c0e
```
#090c0e rgb(9,12,14)
```
#10161a
```
#10161a rgb(16,22,26)
```
#182026
```
#182026 rgb(24,32,38)
```
#1f2a33
```
#1f2a33 rgb(31,42,51)
```
#27343f
```
#27343f rgb(39,52,63)
```
#2e3e4b
```
#2e3e4b rgb(46,62,75)
```
#364857
```
#364857 rgb(54,72,87)
```
#3d5363
```
#3d5363 rgb(61,83,99)
```
#445d6f
```
#445d6f rgb(68,93,111)
```
#4c677c
```
#4c677c rgb(76,103,124)
```
#537188
```
#537188 rgb(83,113,136)
```
#5b7b94
```
#5b7b94 rgb(91,123,148)
```

Shade Color Variation

#63859f
```
#63859f rgb(99,133,159)
```
#6f8ea7
```
#6f8ea7 rgb(111,142,167)
```
#7b98ae
```
#7b98ae rgb(123,152,174)
```
#88a1b6
```
#88a1b6 rgb(136,161,182)
```
#94abbd
```
#94abbd rgb(148,171,189)
```
#a0b4c5
```
#a0b4c5 rgb(160,180,197)
```
#acbecc
```
#acbecc rgb(172,190,204)
```
#b8c8d3
```
#b8c8d3 rgb(184,200,211)
```
#c4d1db
```
#c4d1db rgb(196,209,219)
```
#d0dbe2
```
#d0dbe2 rgb(208,219,226)
```
#dde4ea
```
#dde4ea rgb(221,228,234)
```
#e9eef1
```
#e9eef1 rgb(233,238,241)
```
#f5f7f9
```
#f5f7f9 rgb(245,247,249)
```

Tint Color Variation

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

#bbbcbd
```
#bbbcbd rgb(187,188,189)
```
#b6bdc2
```
#b6bdc2 rgb(182,189,194)
```
#b1bdc7
```
#b1bdc7 rgb(177,189,199)
```
#acbecc
```
#acbecc rgb(172,190,204)
```
#a7bfd1
```
#a7bfd1 rgb(167,191,209)
```
#a2bfd6
```
#a2bfd6 rgb(162,191,214)
```
#9dc0db
```
#9dc0db rgb(157,192,219)
```
#97c1e1
```
#97c1e1 rgb(151,193,225)
```
#92c1e6
```
#92c1e6 rgb(146,193,230)
```
#8dc2eb
```
#8dc2eb rgb(141,194,235)
```
#88c3f0
```
#88c3f0 rgb(136,195,240)
```
#83c3f5
```
#83c3f5 rgb(131,195,245)
```
#7ec4fa
```
#7ec4fa rgb(126,196,250)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#b7bbbe Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdbdcc Protanopia 1% of men
#c7bad1 Deuteranopia 1% of men
#b0c1cf Tritanopia 0.001% of the population

Trichromacy

#b7bdcc Protanomaly 1% of men, 0.01% of women
#bdbbcf Deuteranomaly 6% of men, 0.4% of women
#aec0ce Tritanomaly 0.01% of the population

#acbecc hex color

#acbecc Color Information

#acbecc Color Conversion

Color Schemes with #acbecc

Alternatives to #acbecc

#acbecc Preview

Shades and Tints of #acbecc

Tones of #acbecc

Color Blindness Simulator