#acbbf2 hex color

In a RGB color space, hex #acbbf2 is composed of 67.5% red, 73.3% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 28.9% cyan, 22.7% magenta, 0% yellow and 5.1% black. It has a hue angle of 227.1 degrees, a saturation of 72.9% and a lightness of 81.2%. #acbbf2 color hex could be obtained by blending #ffffff with #5977e5. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 67
- G 73
- B 95
RGB color chart
- C 29
- M 23
- Y 0
- K 5
CMYK color chart

● #acbbf2 color description : Very soft blue.

The hexadecimal color #acbbf2 has RGB values of R:172, G:187, B:242 and CMYK values of C:0.29, M:0.23, Y:0, K:0.05. Its decimal value is 11320306.

Hex triplet	acbbf2	`#acbbf2`
RGB Decimal	172, 187, 242	`rgb(172,187,242)`
RGB Percent	67.5, 73.3, 94.9	`rgb(67.5%,73.3%,94.9%)`
CMYK	29, 23, 0, 5
HSL	227.1°, 72.9, 81.2	`hsl(227.1,72.9%,81.2%)`
HSV (or HSB)	227.1°, 28.9, 94.9
Web Safe	99ccff	`#99ccff`

CIE-LAB	76.51, 7.039, -28.968
XYZ	50.807, 50.721, 91.113
xyY	0.264, 0.263, 50.721
CIE-LCH	76.51, 29.811, 283.658
CIE-LUV	76.51, -10.468, -47.338
Hunter-Lab	71.219, 2.709, -25.999
Binary	10101100, 10111011, 11110010

#acbbf2
```
#acbbf2 rgb(172,187,242)
```
#f2e3ac
```
#f2e3ac rgb(242,227,172)
```

Complementary Color

#acdef2
```
#acdef2 rgb(172,222,242)
```
#acbbf2
```
#acbbf2 rgb(172,187,242)
```
#c0acf2
```
#c0acf2 rgb(192,172,242)
```

Analogous Color

#def2ac
```
#def2ac rgb(222,242,172)
```
#acbbf2
```
#acbbf2 rgb(172,187,242)
```
#f2c0ac
```
#f2c0ac rgb(242,192,172)
```

Split Complementary Color

#bbf2ac
```
#bbf2ac rgb(187,242,172)
```
#acbbf2
```
#acbbf2 rgb(172,187,242)
```
#f2acbb
```
#f2acbb rgb(242,172,187)
```

Triadic Color

#acf2e3
```
#acf2e3 rgb(172,242,227)
```
#acbbf2
```
#acbbf2 rgb(172,187,242)
```
#f2acbb
```
#f2acbb rgb(242,172,187)
```
#f2e3ac
```
#f2e3ac rgb(242,227,172)
```

Tetradic Color

#6a85e8
```
#6a85e8 rgb(106,133,232)
```
#8097eb
```
#8097eb rgb(128,151,235)
```
#96a9ef
```
#96a9ef rgb(150,169,239)
```
#acbbf2
```
#acbbf2 rgb(172,187,242)
```
#c2cdf5
```
#c2cdf5 rgb(194,205,245)
```
#d8dff9
```
#d8dff9 rgb(216,223,249)
```
#eef1fc
```
#eef1fc rgb(238,241,252)
```

Monochromatic Color

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

#accdf2
```
#accdf2 rgb(172,205,242)
```
#acc7f2
```
#acc7f2 rgb(172,199,242)
```
#acc1f2
```
#acc1f2 rgb(172,193,242)
```
#acbbf2
```
#acbbf2 rgb(172,187,242)
```
#acb5f2
```
#acb5f2 rgb(172,181,242)
```
#acaff2
```
#acaff2 rgb(172,175,242)
```
#afacf2
```
#afacf2 rgb(175,172,242)
```

Similar Colors

Text with hexadecimal color #acbbf2

This text has a font color of #acbbf2.

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

#acbbf2 background color

This paragraph has a background color of #acbbf2.

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

#acbbf2 border color

This element has a border color of #acbbf2.

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

CSS codes

.text {color:#acbbf2;}

.background {background-color:#acbbf2;}

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

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

#000102
```
#000102 rgb(0,1,2)
```
#030613
```
#030613 rgb(3,6,19)
```
#060c24
```
#060c24 rgb(6,12,36)
```
#081235
```
#081235 rgb(8,18,53)
```
#0b1746
```
#0b1746 rgb(11,23,70)
```
#0e1d57
```
#0e1d57 rgb(14,29,87)
```
#102368
```
#102368 rgb(16,35,104)
```
#132979
```
#132979 rgb(19,41,121)
```
#162e89
```
#162e89 rgb(22,46,137)
```
#18349a
```
#18349a rgb(24,52,154)
```
#1b3aab
```
#1b3aab rgb(27,58,171)
```
#1e40bc
```
#1e40bc rgb(30,64,188)
```
#2045cd
```
#2045cd rgb(32,69,205)
```

Shade Color Variation

#244cdd
```
#244cdd rgb(36,76,221)
```
#355adf
```
#355adf rgb(53,90,223)
```
#4668e2
```
#4668e2 rgb(70,104,226)
```
#5776e5
```
#5776e5 rgb(87,118,229)
```
#6883e7
```
#6883e7 rgb(104,131,231)
```
#7991ea
```
#7991ea rgb(121,145,234)
```
#8a9fed
```
#8a9fed rgb(138,159,237)
```
#9badef
```
#9badef rgb(155,173,239)
```
#acbbf2
```
#acbbf2 rgb(172,187,242)
```
#bdc9f5
```
#bdc9f5 rgb(189,201,245)
```
#ced7f7
```
#ced7f7 rgb(206,215,247)
```
#dfe5fa
```
#dfe5fa rgb(223,229,250)
```
#f0f3fd
```
#f0f3fd rgb(240,243,253)
```

Tint Color Variation

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

#cdced1
```
#cdced1 rgb(205,206,209)
```
#caccd4
```
#caccd4 rgb(202,204,212)
```
#c6cad8
```
#c6cad8 rgb(198,202,216)
```
#c2c8dc
```
#c2c8dc rgb(194,200,220)
```
#bec6e0
```
#bec6e0 rgb(190,198,224)
```
#bbc3e3
```
#bbc3e3 rgb(187,195,227)
```
#b7c1e7
```
#b7c1e7 rgb(183,193,231)
```
#b3bfeb
```
#b3bfeb rgb(179,191,235)
```
#b0bdee
```
#b0bdee rgb(176,189,238)
```
#acbbf2
```
#acbbf2 rgb(172,187,242)
```
#a8b9f6
```
#a8b9f6 rgb(168,185,246)
```
#a5b7f9
```
#a5b7f9 rgb(165,183,249)
```
#a1b5fd
```
#a1b5fd rgb(161,181,253)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#babdc8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1bef2 Protanopia 1% of men
#b5bdf3 Deuteranopia 1% of men
#a8c4d2 Tritanopia 0.001% of the population

Trichromacy

#afbdf2 Protanomaly 1% of men, 0.01% of women
#b1bcf2 Deuteranomaly 6% of men, 0.4% of women
#a9c1de Tritanomaly 0.01% of the population

#acbbf2 hex color

#acbbf2 Color Information

#acbbf2 Color Conversion

Color Schemes with #acbbf2

Alternatives to #acbbf2

#acbbf2 Preview

Shades and Tints of #acbbf2

Tones of #acbbf2

Color Blindness Simulator