#a8baf6 hex color

In a RGB color space, hex #a8baf6 is composed of 65.9% red, 72.9% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 31.7% cyan, 24.4% magenta, 0% yellow and 3.5% black. It has a hue angle of 226.2 degrees, a saturation of 81.3% and a lightness of 81.2%. #a8baf6 color hex could be obtained by blending #ffffff with #5175ed. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 66
- G 73
- B 96
RGB color chart
- C 32
- M 24
- Y 0
- K 4
CMYK color chart

● #a8baf6 color description : Very soft blue.

The hexadecimal color #a8baf6 has RGB values of R:168, G:186, B:246 and CMYK values of C:0.32, M:0.24, Y:0, K:0.04. Its decimal value is 11057910.

Hex triplet	a8baf6	`#a8baf6`
RGB Decimal	168, 186, 246	`rgb(168,186,246)`
RGB Percent	65.9, 72.9, 96.5	`rgb(65.9%,72.9%,96.5%)`
CMYK	32, 24, 0, 4
HSL	226.2°, 81.3, 81.2	`hsl(226.2,81.3%,81.2%)`
HSV (or HSB)	226.2°, 31.7, 96.5
Web Safe	99ccff	`#99ccff`

CIE-LAB	76.128, 7.434, -31.732
XYZ	50.338, 50.095, 94.201
xyY	0.259, 0.257, 50.095
CIE-LCH	76.128, 32.591, 283.185
CIE-LUV	76.128, -12.027, -52.015
Hunter-Lab	70.778, 3.091, -29.366
Binary	10101000, 10111010, 11110110

#a8baf6
```
#a8baf6 rgb(168,186,246)
```
#f6e4a8
```
#f6e4a8 rgb(246,228,168)
```

Complementary Color

#a8e1f6
```
#a8e1f6 rgb(168,225,246)
```
#a8baf6
```
#a8baf6 rgb(168,186,246)
```
#bda8f6
```
#bda8f6 rgb(189,168,246)
```

Analogous Color

#e1f6a8
```
#e1f6a8 rgb(225,246,168)
```
#a8baf6
```
#a8baf6 rgb(168,186,246)
```
#f6bda8
```
#f6bda8 rgb(246,189,168)
```

Split Complementary Color

#baf6a8
```
#baf6a8 rgb(186,246,168)
```
#a8baf6
```
#a8baf6 rgb(168,186,246)
```
#f6a8ba
```
#f6a8ba rgb(246,168,186)
```

Triadic Color

#a8f6e4
```
#a8f6e4 rgb(168,246,228)
```
#a8baf6
```
#a8baf6 rgb(168,186,246)
```
#f6a8ba
```
#f6a8ba rgb(246,168,186)
```
#f6e4a8
```
#f6e4a8 rgb(246,228,168)
```

Tetradic Color

#6383ef
```
#6383ef rgb(99,131,239)
```
#7a95f1
```
#7a95f1 rgb(122,149,241)
```
#91a8f4
```
#91a8f4 rgb(145,168,244)
```
#a8baf6
```
#a8baf6 rgb(168,186,246)
```
#bfccf8
```
#bfccf8 rgb(191,204,248)
```
#d6dffb
```
#d6dffb rgb(214,223,251)
```
#edf1fd
```
#edf1fd rgb(237,241,253)
```

Monochromatic Color

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

#a8cef6
```
#a8cef6 rgb(168,206,246)
```
#a8c7f6
```
#a8c7f6 rgb(168,199,246)
```
#a8c1f6
```
#a8c1f6 rgb(168,193,246)
```
#a8baf6
```
#a8baf6 rgb(168,186,246)
```
#a8b4f6
```
#a8b4f6 rgb(168,180,246)
```
#a8adf6
```
#a8adf6 rgb(168,173,246)
```
#aaa8f6
```
#aaa8f6 rgb(170,168,246)
```

Similar Colors

Text with hexadecimal color #a8baf6

This text has a font color of #a8baf6.

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

#a8baf6 background color

This paragraph has a background color of #a8baf6.

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

#a8baf6 border color

This element has a border color of #a8baf6.

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

CSS codes

.text {color:#a8baf6;}

.background {background-color:#a8baf6;}

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

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

#000102
```
#000102 rgb(0,1,2)
```
#020614
```
#020614 rgb(2,6,20)
```
#040c25
```
#040c25 rgb(4,12,37)
```
#061137
```
#061137 rgb(6,17,55)
```
#081749
```
#081749 rgb(8,23,73)
```
#091c5b
```
#091c5b rgb(9,28,91)
```
#0b226d
```
#0b226d rgb(11,34,109)
```
#0d277e
```
#0d277e rgb(13,39,126)
```
#0f2d90
```
#0f2d90 rgb(15,45,144)
```
#1132a2
```
#1132a2 rgb(17,50,162)
```
#1338b4
```
#1338b4 rgb(19,56,180)
```
#143dc5
```
#143dc5 rgb(20,61,197)
```
#1643d7
```
#1643d7 rgb(22,67,215)
```

Shade Color Variation

#1a49e7
```
#1a49e7 rgb(26,73,231)
```
#2c57e9
```
#2c57e9 rgb(44,87,233)
```
#3d65eb
```
#3d65eb rgb(61,101,235)
```
#4f74ed
```
#4f74ed rgb(79,116,237)
```
#6182ef
```
#6182ef rgb(97,130,239)
```
#7390f0
```
#7390f0 rgb(115,144,240)
```
#849ef2
```
#849ef2 rgb(132,158,242)
```
#96acf4
```
#96acf4 rgb(150,172,244)
```
#a8baf6
```
#a8baf6 rgb(168,186,246)
```
#bac8f8
```
#bac8f8 rgb(186,200,248)
```
#ccd6fa
```
#ccd6fa rgb(204,214,250)
```
#dde4fc
```
#dde4fc rgb(221,228,252)
```
#eff2fd
```
#eff2fd rgb(239,242,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 #a1b6fd is the most saturated one.

#cdced1
```
#cdced1 rgb(205,206,209)
```
#c9ccd5
```
#c9ccd5 rgb(201,204,213)
```
#c6cad8
```
#c6cad8 rgb(198,202,216)
```
#c2c8dc
```
#c2c8dc rgb(194,200,220)
```
#bec6e0
```
#bec6e0 rgb(190,198,224)
```
#bac4e4
```
#bac4e4 rgb(186,196,228)
```
#b7c2e7
```
#b7c2e7 rgb(183,194,231)
```
#b3c0eb
```
#b3c0eb rgb(179,192,235)
```
#afbeef
```
#afbeef rgb(175,190,239)
```
#acbcf2
```
#acbcf2 rgb(172,188,242)
```
#a8baf6
```
#a8baf6 rgb(168,186,246)
```
#a4b8fa
```
#a4b8fa rgb(164,184,250)
```
#a1b6fd
```
#a1b6fd rgb(161,182,253)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#b7bbc7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aebdf6 Protanopia 1% of men
#b0bcf6 Deuteranopia 1% of men
#a2c4d2 Tritanopia 0.001% of the population

Trichromacy

#acbbf6 Protanomaly 1% of men, 0.01% of women
#adbbf6 Deuteranomaly 6% of men, 0.4% of women
#a4c0df Tritanomaly 0.01% of the population

#a8baf6 hex color

#a8baf6 Color Information

#a8baf6 Color Conversion

Color Schemes with #a8baf6

Alternatives to #a8baf6

#a8baf6 Preview

Shades and Tints of #a8baf6

Tones of #a8baf6

Color Blindness Simulator