#aac2f8 hex color

In a RGB color space, hex #aac2f8 is composed of 66.7% red, 76.1% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 31.5% cyan, 21.8% magenta, 0% yellow and 2.7% black. It has a hue angle of 221.5 degrees, a saturation of 84.8% and a lightness of 82%. #aac2f8 color hex could be obtained by blending #ffffff with #5585f1. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 67
- G 76
- B 97
RGB color chart
- C 31
- M 22
- Y 0
- K 3
CMYK color chart

● #aac2f8 color description : Very soft blue.

The hexadecimal color #aac2f8 has RGB values of R:170, G:194, B:248 and CMYK values of C:0.31, M:0.22, Y:0, K:0.03. Its decimal value is 11191032.

Hex triplet	aac2f8	`#aac2f8`
RGB Decimal	170, 194, 248	`rgb(170,194,248)`
RGB Percent	66.7, 76.1, 97.3	`rgb(66.7%,76.1%,97.3%)`
CMYK	31, 22, 0, 3
HSL	221.5°, 84.8, 82	`hsl(221.5,84.8%,82%)`
HSV (or HSB)	221.5°, 31.5, 97.3
Web Safe	99ccff	`#99ccff`

CIE-LAB	78.407, 4.124, -29.291
XYZ	52.809, 53.906, 96.424
xyY	0.26, 0.265, 53.906
CIE-LCH	78.407, 29.58, 278.014
CIE-LUV	78.407, -14.537, -47.611
Hunter-Lab	73.42, -0.096, -26.472
Binary	10101010, 11000010, 11111000

#aac2f8
```
#aac2f8 rgb(170,194,248)
```
#f8e0aa
```
#f8e0aa rgb(248,224,170)
```

Complementary Color

#aae9f8
```
#aae9f8 rgb(170,233,248)
```
#aac2f8
```
#aac2f8 rgb(170,194,248)
```
#b9aaf8
```
#b9aaf8 rgb(185,170,248)
```

Analogous Color

#e9f8aa
```
#e9f8aa rgb(233,248,170)
```
#aac2f8
```
#aac2f8 rgb(170,194,248)
```
#f8b9aa
```
#f8b9aa rgb(248,185,170)
```

Split Complementary Color

#c2f8aa
```
#c2f8aa rgb(194,248,170)
```
#aac2f8
```
#aac2f8 rgb(170,194,248)
```
#f8aac2
```
#f8aac2 rgb(248,170,194)
```

Triadic Color

#aaf8e0
```
#aaf8e0 rgb(170,248,224)
```
#aac2f8
```
#aac2f8 rgb(170,194,248)
```
#f8aac2
```
#f8aac2 rgb(248,170,194)
```
#f8e0aa
```
#f8e0aa rgb(248,224,170)
```

Tetradic Color

#638ff2
```
#638ff2 rgb(99,143,242)
```
#7ba0f4
```
#7ba0f4 rgb(123,160,244)
```
#92b1f6
```
#92b1f6 rgb(146,177,246)
```
#aac2f8
```
#aac2f8 rgb(170,194,248)
```
#c2d3fa
```
#c2d3fa rgb(194,211,250)
```
#d9e4fc
```
#d9e4fc rgb(217,228,252)
```
#f1f5fe
```
#f1f5fe rgb(241,245,254)
```

Monochromatic Color

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

#aad6f8
```
#aad6f8 rgb(170,214,248)
```
#aacff8
```
#aacff8 rgb(170,207,248)
```
#aac9f8
```
#aac9f8 rgb(170,201,248)
```
#aac2f8
```
#aac2f8 rgb(170,194,248)
```
#aabcf8
```
#aabcf8 rgb(170,188,248)
```
#aab5f8
```
#aab5f8 rgb(170,181,248)
```
#aaaff8
```
#aaaff8 rgb(170,175,248)
```

Similar Colors

Text with hexadecimal color #aac2f8

This text has a font color of #aac2f8.

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

#aac2f8 background color

This paragraph has a background color of #aac2f8.

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

#aac2f8 border color

This element has a border color of #aac2f8.

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

CSS codes

.text {color:#aac2f8;}

.background {background-color:#aac2f8;}

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

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

#000206
```
#000206 rgb(0,2,6)
```
#020918
```
#020918 rgb(2,9,24)
```
#030f2a
```
#030f2a rgb(3,15,42)
```
#05163c
```
#05163c rgb(5,22,60)
```
#061c4e
```
#061c4e rgb(6,28,78)
```
#082360
```
#082360 rgb(8,35,96)
```
#092a72
```
#092a72 rgb(9,42,114)
```
#0b3084
```
#0b3084 rgb(11,48,132)
```
#0c3797
```
#0c3797 rgb(12,55,151)
```
#0e3ea9
```
#0e3ea9 rgb(14,62,169)
```
#0f44bb
```
#0f44bb rgb(15,68,187)
```
#114bcd
```
#114bcd rgb(17,75,205)
```
#1251df
```
#1251df rgb(18,81,223)
```

Shade Color Variation

#195aec
```
#195aec rgb(25,90,236)
```
#2b67ee
```
#2b67ee rgb(43,103,238)
```
#3d74ef
```
#3d74ef rgb(61,116,239)
```
#4f81f1
```
#4f81f1 rgb(79,129,241)
```
#628ef2
```
#628ef2 rgb(98,142,242)
```
#749bf4
```
#749bf4 rgb(116,155,244)
```
#86a8f5
```
#86a8f5 rgb(134,168,245)
```
#98b5f7
```
#98b5f7 rgb(152,181,247)
```
#aac2f8
```
#aac2f8 rgb(170,194,248)
```
#bccff9
```
#bccff9 rgb(188,207,249)
```
#cedcfb
```
#cedcfb rgb(206,220,251)
```
#e0e9fc
```
#e0e9fc rgb(224,233,252)
```
#f2f6fe
```
#f2f6fe rgb(242,246,254)
```

Tint Color Variation

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

#d1d1d1
```
#d1d1d1 rgb(209,209,209)
```
#cdd0d5
```
#cdd0d5 rgb(205,208,213)
```
#caced8
```
#caced8 rgb(202,206,216)
```
#c6cddc
```
#c6cddc rgb(198,205,220)
```
#c3ccdf
```
#c3ccdf rgb(195,204,223)
```
#bfcae3
```
#bfcae3 rgb(191,202,227)
```
#bcc9e6
```
#bcc9e6 rgb(188,201,230)
```
#b8c7ea
```
#b8c7ea rgb(184,199,234)
```
#b5c6ed
```
#b5c6ed rgb(181,198,237)
```
#b1c5f1
```
#b1c5f1 rgb(177,197,241)
```
#aec3f4
```
#aec3f4 rgb(174,195,244)
```
#aac2f8
```
#aac2f8 rgb(170,194,248)
```
#a6c1fc
```
#a6c1fc rgb(166,193,252)
```

Tone Color Variation

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

#c1c1c1 Achromatopsia 0.005% of the population
#bcc1cc Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6c3f7 Protanopia 1% of men
#b9c2f9 Deuteranopia 1% of men
#a6cbd9 Tritanopia 0.001% of the population

Trichromacy

#b2c2f7 Protanomaly 1% of men, 0.01% of women
#b3c2f8 Deuteranomaly 6% of men, 0.4% of women
#a7c7e4 Tritanomaly 0.01% of the population

#aac2f8 hex color

#aac2f8 Color Information

#aac2f8 Color Conversion

Color Schemes with #aac2f8

Alternatives to #aac2f8

#aac2f8 Preview

Shades and Tints of #aac2f8

Tones of #aac2f8

Color Blindness Simulator