#a6caf4 hex color

In a RGB color space, hex #a6caf4 is composed of 65.1% red, 79.2% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 32% cyan, 17.2% magenta, 0% yellow and 4.3% black. It has a hue angle of 212.3 degrees, a saturation of 78% and a lightness of 80.4%. #a6caf4 color hex could be obtained by blending #ffffff with #4d95e9. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 65
- G 79
- B 96
RGB color chart
- C 32
- M 17
- Y 0
- K 4
CMYK color chart

● #a6caf4 color description : Very soft blue.

The hexadecimal color #a6caf4 has RGB values of R:166, G:202, B:244 and CMYK values of C:0.32, M:0.17, Y:0, K:0.04. Its decimal value is 10930932.

Hex triplet	a6caf4	`#a6caf4`
RGB Decimal	166, 202, 244	`rgb(166,202,244)`
RGB Percent	65.1, 79.2, 95.7	`rgb(65.1%,79.2%,95.7%)`
CMYK	32, 17, 0, 4
HSL	212.3°, 78, 80.4	`hsl(212.3,78%,80.4%)`
HSV (or HSB)	212.3°, 32, 95.7
Web Safe	99ccff	`#99ccff`

CIE-LAB	80.111, -2.283, -24.567
XYZ	53.172, 56.878, 93.76
xyY	0.261, 0.279, 56.878
CIE-LCH	80.111, 24.673, 264.69
CIE-LUV	80.111, -19.53, -38.851
Hunter-Lab	75.418, -6.132, -20.918
Binary	10100110, 11001010, 11110100

#a6caf4
```
#a6caf4 rgb(166,202,244)
```
#f4d0a6
```
#f4d0a6 rgb(244,208,166)
```

Complementary Color

#a6f1f4
```
#a6f1f4 rgb(166,241,244)
```
#a6caf4
```
#a6caf4 rgb(166,202,244)
```
#a9a6f4
```
#a9a6f4 rgb(169,166,244)
```

Analogous Color

#f1f4a6
```
#f1f4a6 rgb(241,244,166)
```
#a6caf4
```
#a6caf4 rgb(166,202,244)
```
#f4a9a6
```
#f4a9a6 rgb(244,169,166)
```

Split Complementary Color

#caf4a6
```
#caf4a6 rgb(202,244,166)
```
#a6caf4
```
#a6caf4 rgb(166,202,244)
```
#f4a6ca
```
#f4a6ca rgb(244,166,202)
```

Triadic Color

#a6f4d0
```
#a6f4d0 rgb(166,244,208)
```
#a6caf4
```
#a6caf4 rgb(166,202,244)
```
#f4a6ca
```
#f4a6ca rgb(244,166,202)
```
#f4d0a6
```
#f4d0a6 rgb(244,208,166)
```

Tetradic Color

#62a1ec
```
#62a1ec rgb(98,161,236)
```
#79afee
```
#79afee rgb(121,175,238)
```
#8fbcf1
```
#8fbcf1 rgb(143,188,241)
```
#a6caf4
```
#a6caf4 rgb(166,202,244)
```
#bdd8f7
```
#bdd8f7 rgb(189,216,247)
```
#d3e5fa
```
#d3e5fa rgb(211,229,250)
```
#eaf3fc
```
#eaf3fc rgb(234,243,252)
```

Monochromatic Color

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

#a6def4
```
#a6def4 rgb(166,222,244)
```
#a6d7f4
```
#a6d7f4 rgb(166,215,244)
```
#a6d1f4
```
#a6d1f4 rgb(166,209,244)
```
#a6caf4
```
#a6caf4 rgb(166,202,244)
```
#a6c4f4
```
#a6c4f4 rgb(166,196,244)
```
#a6bdf4
```
#a6bdf4 rgb(166,189,244)
```
#a6b7f4
```
#a6b7f4 rgb(166,183,244)
```

Similar Colors

Text with hexadecimal color #a6caf4

This text has a font color of #a6caf4.

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

#a6caf4 background color

This paragraph has a background color of #a6caf4.

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

#a6caf4 border color

This element has a border color of #a6caf4.

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

CSS codes

.text {color:#a6caf4;}

.background {background-color:#a6caf4;}

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

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

#020810
```
#020810 rgb(2,8,16)
```
#041221
```
#041221 rgb(4,18,33)
```
#061b33
```
#061b33 rgb(6,27,51)
```
#082444
```
#082444 rgb(8,36,68)
```
#0b2d56
```
#0b2d56 rgb(11,45,86)
```
#0d3667
```
#0d3667 rgb(13,54,103)
```
#0f4078
```
#0f4078 rgb(15,64,120)
```
#11498a
```
#11498a rgb(17,73,138)
```
#13529b
```
#13529b rgb(19,82,155)
```
#155bad
```
#155bad rgb(21,91,173)
```
#1865be
```
#1865be rgb(24,101,190)
```
#1a6ed0
```
#1a6ed0 rgb(26,110,208)
```
#1c77e1
```
#1c77e1 rgb(28,119,225)
```

Shade Color Variation

#2c81e5
```
#2c81e5 rgb(44,129,229)
```
#3d8ce7
```
#3d8ce7 rgb(61,140,231)
```
#4f96e9
```
#4f96e9 rgb(79,150,233)
```
#60a0eb
```
#60a0eb rgb(96,160,235)
```
#72abee
```
#72abee rgb(114,171,238)
```
#83b5f0
```
#83b5f0 rgb(131,181,240)
```
#95c0f2
```
#95c0f2 rgb(149,192,242)
```
#a6caf4
```
#a6caf4 rgb(166,202,244)
```
#b7d4f6
```
#b7d4f6 rgb(183,212,246)
```
#c9dff8
```
#c9dff8 rgb(201,223,248)
```
#dae9fa
```
#dae9fa rgb(218,233,250)
```
#ecf4fd
```
#ecf4fd rgb(236,244,253)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#cccdce
```
#cccdce rgb(204,205,206)
```
#c9cdd1
```
#c9cdd1 rgb(201,205,209)
```
#c5ccd5
```
#c5ccd5 rgb(197,204,213)
```
#c1ccd9
```
#c1ccd9 rgb(193,204,217)
```
#bdccdd
```
#bdccdd rgb(189,204,221)
```
#b9cbe1
```
#b9cbe1 rgb(185,203,225)
```
#b5cbe5
```
#b5cbe5 rgb(181,203,229)
```
#b2cbe8
```
#b2cbe8 rgb(178,203,232)
```
#aecbec
```
#aecbec rgb(174,203,236)
```
#aacaf0
```
#aacaf0 rgb(170,202,240)
```
#a6caf4
```
#a6caf4 rgb(166,202,244)
```
#a2caf8
```
#a2caf8 rgb(162,202,248)
```
#9ec9fc
```
#9ec9fc rgb(158,201,252)
```

Tone Color Variation

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

#c4c4c4 Achromatopsia 0.005% of the population
#bec5ce Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfc7f1 Protanopia 1% of men
#c3c5f7 Deuteranopia 1% of men
#a4d0df Tritanopia 0.001% of the population

Trichromacy

#b6c8f2 Protanomaly 1% of men, 0.01% of women
#b8c7f5 Deuteranomaly 6% of men, 0.4% of women
#a5cee7 Tritanomaly 0.01% of the population

#a6caf4 hex color

#a6caf4 Color Information

#a6caf4 Color Conversion

Color Schemes with #a6caf4

Alternatives to #a6caf4

#a6caf4 Preview

Shades and Tints of #a6caf4

Tones of #a6caf4

Color Blindness Simulator