#acbbcc hex color

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

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

● #acbbcc color description : Grayish blue.

The hexadecimal color #acbbcc has RGB values of R:172, G:187, B:204 and CMYK values of C:0.16, M:0.08, Y:0, K:0.2. Its decimal value is 11320268.

Hex triplet	acbbcc	`#acbbcc`
RGB Decimal	172, 187, 204	`rgb(172,187,204)`
RGB Percent	67.5, 73.3, 80	`rgb(67.5%,73.3%,80%)`
CMYK	16, 8, 0, 20
HSL	211.9°, 23.9, 73.7	`hsl(211.9,23.9%,73.7%)`
HSV (or HSB)	211.9°, 15.7, 80
Web Safe	99cccc	`#99cccc`

CIE-LAB	75.246, -1.648, -10.311
XYZ	45.68, 48.67, 64.111
xyY	0.288, 0.307, 48.67
CIE-LCH	75.246, 10.442, 260.917
CIE-LUV	75.246, -8.893, -15.509
Hunter-Lab	69.764, -5.208, -5.651
Binary	10101100, 10111011, 11001100

#acbbcc
```
#acbbcc rgb(172,187,204)
```
#ccbdac
```
#ccbdac rgb(204,189,172)
```

Complementary Color

#accbcc
```
#accbcc rgb(172,203,204)
```
#acbbcc
```
#acbbcc rgb(172,187,204)
```
#adaccc
```
#adaccc rgb(173,172,204)
```

Analogous Color

#cbccac
```
#cbccac rgb(203,204,172)
```
#acbbcc
```
#acbbcc rgb(172,187,204)
```
#ccadac
```
#ccadac rgb(204,173,172)
```

Split Complementary Color

#bbccac
```
#bbccac rgb(187,204,172)
```
#acbbcc
```
#acbbcc rgb(172,187,204)
```
#ccacbb
```
#ccacbb rgb(204,172,187)
```

Triadic Color

#acccbd
```
#acccbd rgb(172,204,189)
```
#acbbcc
```
#acbbcc rgb(172,187,204)
```
#ccacbb
```
#ccacbb rgb(204,172,187)
```
#ccbdac
```
#ccbdac rgb(204,189,172)
```

Tetradic Color

#7d94af
```
#7d94af rgb(125,148,175)
```
#8ca1b9
```
#8ca1b9 rgb(140,161,185)
```
#9caec2
```
#9caec2 rgb(156,174,194)
```
#acbbcc
```
#acbbcc rgb(172,187,204)
```
#bcc8d6
```
#bcc8d6 rgb(188,200,214)
```
#ccd5df
```
#ccd5df rgb(204,213,223)
```
#dbe2e9
```
#dbe2e9 rgb(219,226,233)
```

Monochromatic Color

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

#acc3cc
```
#acc3cc rgb(172,195,204)
```
#acc0cc
```
#acc0cc rgb(172,192,204)
```
#acbecc
```
#acbecc rgb(172,190,204)
```
#acbbcc
```
#acbbcc rgb(172,187,204)
```
#acb8cc
```
#acb8cc rgb(172,184,204)
```
#acb6cc
```
#acb6cc rgb(172,182,204)
```
#acb3cc
```
#acb3cc rgb(172,179,204)
```

Similar Colors

Text with hexadecimal color #acbbcc

This text has a font color of #acbbcc.

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

#acbbcc background color

This paragraph has a background color of #acbbcc.

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

#acbbcc border color

This element has a border color of #acbbcc.

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

CSS codes

.text {color:#acbbcc;}

.background {background-color:#acbbcc;}

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

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)
```
#090b0e
```
#090b0e rgb(9,11,14)
```
#10151a
```
#10151a rgb(16,21,26)
```
#181f26
```
#181f26 rgb(24,31,38)
```
#1f2833
```
#1f2833 rgb(31,40,51)
```
#27323f
```
#27323f rgb(39,50,63)
```
#2e3c4b
```
#2e3c4b rgb(46,60,75)
```
#364557
```
#364557 rgb(54,69,87)
```
#3d4f63
```
#3d4f63 rgb(61,79,99)
```
#44596f
```
#44596f rgb(68,89,111)
```
#4c627c
```
#4c627c rgb(76,98,124)
```
#536c88
```
#536c88 rgb(83,108,136)
```
#5b7694
```
#5b7694 rgb(91,118,148)
```

Shade Color Variation

#637f9f
```
#637f9f rgb(99,127,159)
```
#6f89a7
```
#6f89a7 rgb(111,137,167)
```
#7b93ae
```
#7b93ae rgb(123,147,174)
```
#889db6
```
#889db6 rgb(136,157,182)
```
#94a7bd
```
#94a7bd rgb(148,167,189)
```
#a0b1c5
```
#a0b1c5 rgb(160,177,197)
```
#acbbcc
```
#acbbcc rgb(172,187,204)
```
#b8c5d3
```
#b8c5d3 rgb(184,197,211)
```
#c4cfdb
```
#c4cfdb rgb(196,207,219)
```
#d0d9e2
```
#d0d9e2 rgb(208,217,226)
```
#dde3ea
```
#dde3ea rgb(221,227,234)
```
#e9edf1
```
#e9edf1 rgb(233,237,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 #7eb8fa is the most saturated one.

#bbbcbd
```
#bbbcbd rgb(187,188,189)
```
#b6bcc2
```
#b6bcc2 rgb(182,188,194)
```
#b1bbc7
```
#b1bbc7 rgb(177,187,199)
```
#acbbcc
```
#acbbcc rgb(172,187,204)
```
#a7bbd1
```
#a7bbd1 rgb(167,187,209)
```
#a2bad6
```
#a2bad6 rgb(162,186,214)
```
#9dbadb
```
#9dbadb rgb(157,186,219)
```
#97bae1
```
#97bae1 rgb(151,186,225)
```
#92b9e6
```
#92b9e6 rgb(146,185,230)
```
#8db9eb
```
#8db9eb rgb(141,185,235)
```
#88b9f0
```
#88b9f0 rgb(136,185,240)
```
#83b8f5
```
#83b8f5 rgb(131,184,245)
```
#7eb8fa
```
#7eb8fa rgb(126,184,250)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#b6b9bc Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbbbcd Protanopia 1% of men
#c4b8d0 Deuteranopia 1% of men
#afbecc Tritanopia 0.001% of the population

Trichromacy

#b5bbcc Protanomaly 1% of men, 0.01% of women
#bbb9cf Deuteranomaly 6% of men, 0.4% of women
#aebdcc Tritanomaly 0.01% of the population

#acbbcc hex color

#acbbcc Color Information

#acbbcc Color Conversion

Color Schemes with #acbbcc

Alternatives to #acbbcc

#acbbcc Preview

Shades and Tints of #acbbcc

Tones of #acbbcc

Color Blindness Simulator