#aac1f2 hex color

In a RGB color space, hex #aac1f2 is composed of 66.7% red, 75.7% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 29.8% cyan, 20.2% magenta, 0% yellow and 5.1% black. It has a hue angle of 220.8 degrees, a saturation of 73.5% and a lightness of 80.8%. #aac1f2 color hex could be obtained by blending #ffffff with #5583e5. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 67
- G 76
- B 95
RGB color chart
- C 30
- M 20
- Y 0
- K 5
CMYK color chart

● #aac1f2 color description : Very soft blue.

The hexadecimal color #aac1f2 has RGB values of R:170, G:193, B:242 and CMYK values of C:0.3, M:0.2, Y:0, K:0.05. Its decimal value is 11190770.

Hex triplet	aac1f2	`#aac1f2`
RGB Decimal	170, 193, 242	`rgb(170,193,242)`
RGB Percent	66.7, 75.7, 94.9	`rgb(66.7%,75.7%,94.9%)`
CMYK	30, 20, 0, 5
HSL	220.8°, 73.5, 80.8	`hsl(220.8,73.5%,80.8%)`
HSV (or HSB)	220.8°, 29.8, 94.9
Web Safe	99ccff	`#99ccff`

CIE-LAB	77.931, 3.198, -26.801
XYZ	51.671, 53.096, 91.526
xyY	0.263, 0.27, 53.096
CIE-LCH	77.931, 26.991, 276.806
CIE-LUV	77.931, -13.921, -43.254
Hunter-Lab	72.867, -0.939, -23.466
Binary	10101010, 11000001, 11110010

#aac1f2
```
#aac1f2 rgb(170,193,242)
```
#f2dbaa
```
#f2dbaa rgb(242,219,170)
```

Complementary Color

#aae5f2
```
#aae5f2 rgb(170,229,242)
```
#aac1f2
```
#aac1f2 rgb(170,193,242)
```
#b7aaf2
```
#b7aaf2 rgb(183,170,242)
```

Analogous Color

#e5f2aa
```
#e5f2aa rgb(229,242,170)
```
#aac1f2
```
#aac1f2 rgb(170,193,242)
```
#f2b7aa
```
#f2b7aa rgb(242,183,170)
```

Split Complementary Color

#c1f2aa
```
#c1f2aa rgb(193,242,170)
```
#aac1f2
```
#aac1f2 rgb(170,193,242)
```
#f2aac1
```
#f2aac1 rgb(242,170,193)
```

Triadic Color

#aaf2db
```
#aaf2db rgb(170,242,219)
```
#aac1f2
```
#aac1f2 rgb(170,193,242)
```
#f2aac1
```
#f2aac1 rgb(242,170,193)
```
#f2dbaa
```
#f2dbaa rgb(242,219,170)
```

Tetradic Color

#6891e8
```
#6891e8 rgb(104,145,232)
```
#7ea1eb
```
#7ea1eb rgb(126,161,235)
```
#94b1ef
```
#94b1ef rgb(148,177,239)
```
#aac1f2
```
#aac1f2 rgb(170,193,242)
```
#c0d1f5
```
#c0d1f5 rgb(192,209,245)
```
#d6e1f9
```
#d6e1f9 rgb(214,225,249)
```
#ecf1fc
```
#ecf1fc rgb(236,241,252)
```

Monochromatic Color

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

#aad3f2
```
#aad3f2 rgb(170,211,242)
```
#aacdf2
```
#aacdf2 rgb(170,205,242)
```
#aac7f2
```
#aac7f2 rgb(170,199,242)
```
#aac1f2
```
#aac1f2 rgb(170,193,242)
```
#aabbf2
```
#aabbf2 rgb(170,187,242)
```
#aab5f2
```
#aab5f2 rgb(170,181,242)
```
#aaaff2
```
#aaaff2 rgb(170,175,242)
```

Similar Colors

Text with hexadecimal color #aac1f2

This text has a font color of #aac1f2.

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

#aac1f2 background color

This paragraph has a background color of #aac1f2.

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

#aac1f2 border color

This element has a border color of #aac1f2.

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

CSS codes

.text {color:#aac1f2;}

.background {background-color:#aac1f2;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#030711
```
#030711 rgb(3,7,17)
```
#050e22
```
#050e22 rgb(5,14,34)
```
#081633
```
#081633 rgb(8,22,51)
```
#0a1d44
```
#0a1d44 rgb(10,29,68)
```
#0d2455
```
#0d2455 rgb(13,36,85)
```
#102b66
```
#102b66 rgb(16,43,102)
```
#123277
```
#123277 rgb(18,50,119)
```
#153a88
```
#153a88 rgb(21,58,136)
```
#174199
```
#174199 rgb(23,65,153)
```
#1a48aa
```
#1a48aa rgb(26,72,170)
```
#1d4fbb
```
#1d4fbb rgb(29,79,187)
```
#1f56cc
```
#1f56cc rgb(31,86,204)
```

Shade Color Variation

#225edd
```
#225edd rgb(34,94,221)
```
#336ae0
```
#336ae0 rgb(51,106,224)
```
#4477e2
```
#4477e2 rgb(68,119,226)
```
#5583e5
```
#5583e5 rgb(85,131,229)
```
#668fe8
```
#668fe8 rgb(102,143,232)
```
#779cea
```
#779cea rgb(119,156,234)
```
#88a8ed
```
#88a8ed rgb(136,168,237)
```
#99b5ef
```
#99b5ef rgb(153,181,239)
```
#aac1f2
```
#aac1f2 rgb(170,193,242)
```
#bbcdf5
```
#bbcdf5 rgb(187,205,245)
```
#ccdaf7
```
#ccdaf7 rgb(204,218,247)
```
#dde6fa
```
#dde6fa rgb(221,230,250)
```
#eef3fc
```
#eef3fc rgb(238,243,252)
```

Tint Color Variation

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

#cccdd0
```
#cccdd0 rgb(204,205,208)
```
#c8ccd4
```
#c8ccd4 rgb(200,204,212)
```
#c4cbd8
```
#c4cbd8 rgb(196,203,216)
```
#c1c9db
```
#c1c9db rgb(193,201,219)
```
#bdc8df
```
#bdc8df rgb(189,200,223)
```
#b9c6e3
```
#b9c6e3 rgb(185,198,227)
```
#b5c5e7
```
#b5c5e7 rgb(181,197,231)
```
#b2c4ea
```
#b2c4ea rgb(178,196,234)
```
#aec2ee
```
#aec2ee rgb(174,194,238)
```
#aac1f2
```
#aac1f2 rgb(170,193,242)
```
#a6c0f6
```
#a6c0f6 rgb(166,192,246)
```
#a2befa
```
#a2befa rgb(162,190,250)
```
#9fbdfd
```
#9fbdfd rgb(159,189,253)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#bcc0ca Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7c2f1 Protanopia 1% of men
#bbc0f3 Deuteranopia 1% of men
#a7c9d7 Tritanopia 0.001% of the population

Trichromacy

#b2c1f1 Protanomaly 1% of men, 0.01% of women
#b5c0f3 Deuteranomaly 6% of men, 0.4% of women
#a8c6e1 Tritanomaly 0.01% of the population

#aac1f2 hex color

#aac1f2 Color Information

#aac1f2 Color Conversion

Color Schemes with #aac1f2

Alternatives to #aac1f2

#aac1f2 Preview

Shades and Tints of #aac1f2

Tones of #aac1f2

Color Blindness Simulator