#afa1ff hex color

In a RGB color space, hex #afa1ff is composed of 68.6% red, 63.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 31.4% cyan, 36.9% magenta, 0% yellow and 0% black. It has a hue angle of 248.9 degrees, a saturation of 100% and a lightness of 81.6%. #afa1ff color hex could be obtained by blending #ffffff with #5f43ff. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 69
- G 63
- B 100
RGB color chart
- C 31
- M 37
- Y 0
- K 0
CMYK color chart

● #afa1ff color description : Pale blue.

The hexadecimal color #afa1ff has RGB values of R:175, G:161, B:255 and CMYK values of C:0.31, M:0.37, Y:0, K:0. Its decimal value is 11510271.

Hex triplet	afa1ff	`#afa1ff`
RGB Decimal	175, 161, 255	`rgb(175,161,255)`
RGB Percent	68.6, 63.1, 100	`rgb(68.6%,63.1%,100%)`
CMYK	31, 37, 0, 0
HSL	248.9°, 100, 81.6	`hsl(248.9,100%,81.6%)`
HSV (or HSB)	248.9°, 36.9, 100
Web Safe	9999ff	`#9999ff`

CIE-LAB	70.749, 25.552, -44.918
XYZ	48.471, 41.823, 100.121
xyY	0.255, 0.22, 41.823
CIE-LCH	70.749, 51.677, 299.634
CIE-LUV	70.749, 0.712, -76.102
Hunter-Lab	64.671, 20.612, -46.521
Binary	10101111, 10100001, 11111111

#afa1ff
```
#afa1ff rgb(175,161,255)
```
#f1ffa1
```
#f1ffa1 rgb(241,255,161)
```

Complementary Color

#a1c2ff
```
#a1c2ff rgb(161,194,255)
```
#afa1ff
```
#afa1ff rgb(175,161,255)
```
#dea1ff
```
#dea1ff rgb(222,161,255)
```

Analogous Color

#c2ffa1
```
#c2ffa1 rgb(194,255,161)
```
#afa1ff
```
#afa1ff rgb(175,161,255)
```
#ffdea1
```
#ffdea1 rgb(255,222,161)
```

Split Complementary Color

#a1ffaf
```
#a1ffaf rgb(161,255,175)
```
#afa1ff
```
#afa1ff rgb(175,161,255)
```
#ffafa1
```
#ffafa1 rgb(255,175,161)
```

Triadic Color

#a1f1ff
```
#a1f1ff rgb(161,241,255)
```
#afa1ff
```
#afa1ff rgb(175,161,255)
```
#ffafa1
```
#ffafa1 rgb(255,175,161)
```
#f1ffa1
```
#f1ffa1 rgb(241,255,161)
```

Tetradic Color

#6e55ff
```
#6e55ff rgb(110,85,255)
```
#846eff
```
#846eff rgb(132,110,255)
```
#9988ff
```
#9988ff rgb(153,136,255)
```
#afa1ff
```
#afa1ff rgb(175,161,255)
```
#c5bbff
```
#c5bbff rgb(197,187,255)
```
#dad4ff
```
#dad4ff rgb(218,212,255)
```
#f0eeff
```
#f0eeff rgb(240,238,255)
```

Monochromatic Color

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

#a1abff
```
#a1abff rgb(161,171,255)
```
#a1a3ff
```
#a1a3ff rgb(161,163,255)
```
#a7a1ff
```
#a7a1ff rgb(167,161,255)
```
#afa1ff
```
#afa1ff rgb(175,161,255)
```
#b7a1ff
```
#b7a1ff rgb(183,161,255)
```
#bfa1ff
```
#bfa1ff rgb(191,161,255)
```
#c7a1ff
```
#c7a1ff rgb(199,161,255)
```

Similar Colors

Text with hexadecimal color #afa1ff

This text has a font color of #afa1ff.

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

#afa1ff background color

This paragraph has a background color of #afa1ff.

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

#afa1ff border color

This element has a border color of #afa1ff.

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

CSS codes

.text {color:#afa1ff;}

.background {background-color:#afa1ff;}

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

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

#010004
```
#010004 rgb(1,0,4)
```
#040018
```
#040018 rgb(4,0,24)
```
#06002b
```
#06002b rgb(6,0,43)
```
#09003f
```
#09003f rgb(9,0,63)
```
#0c0053
```
#0c0053 rgb(12,0,83)
```
#0f0066
```
#0f0066 rgb(15,0,102)
```
#12007a
```
#12007a rgb(18,0,122)
```
#15008d
```
#15008d rgb(21,0,141)
```
#1800a1
```
#1800a1 rgb(24,0,161)
```
#1b00b5
```
#1b00b5 rgb(27,0,181)
```
#1e00c8
```
#1e00c8 rgb(30,0,200)
```
#2100dc
```
#2100dc rgb(33,0,220)
```
#2400ef
```
#2400ef rgb(36,0,239)
```

Shade Color Variation

#2904ff
```
#2904ff rgb(41,4,255)
```
#3a18ff
```
#3a18ff rgb(58,24,255)
```
#4b2bff
```
#4b2bff rgb(75,43,255)
```
#5c3fff
```
#5c3fff rgb(92,63,255)
```
#6c53ff
```
#6c53ff rgb(108,83,255)
```
#7d66ff
```
#7d66ff rgb(125,102,255)
```
#8e7aff
```
#8e7aff rgb(142,122,255)
```
#9e8dff
```
#9e8dff rgb(158,141,255)
```
#afa1ff
```
#afa1ff rgb(175,161,255)
```
#c0b5ff
```
#c0b5ff rgb(192,181,255)
```
#d0c8ff
```
#d0c8ff rgb(208,200,255)
```
#e1dcff
```
#e1dcff rgb(225,220,255)
```
#f2efff
```
#f2efff rgb(242,239,255)
```

Tint Color Variation

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

#cdccd4
```
#cdccd4 rgb(205,204,212)
```
#cbc9d7
```
#cbc9d7 rgb(203,201,215)
```
#c8c5db
```
#c8c5db rgb(200,197,219)
```
#c6c2de
```
#c6c2de rgb(198,194,222)
```
#c3bee2
```
#c3bee2 rgb(195,190,226)
```
#c1bae6
```
#c1bae6 rgb(193,186,230)
```
#beb7e9
```
#beb7e9 rgb(190,183,233)
```
#bcb3ed
```
#bcb3ed rgb(188,179,237)
```
#b9aff1
```
#b9aff1 rgb(185,175,241)
```
#b7acf4
```
#b7acf4 rgb(183,172,244)
```
#b4a8f8
```
#b4a8f8 rgb(180,168,248)
```
#b2a5fb
```
#b2a5fb rgb(178,165,251)
```
#afa1ff
```
#afa1ff rgb(175,161,255)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#b0adc0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#93aeff Protanopia 1% of men
#8fb0fb Deuteranopia 1% of men
#a3b3c0 Tritanopia 0.001% of the population

Trichromacy

#9da9ff Protanomaly 1% of men, 0.01% of women
#9baafc Deuteranomaly 6% of men, 0.4% of women
#a7acd7 Tritanomaly 0.01% of the population

#afa1ff hex color

#afa1ff Color Information

#afa1ff Color Conversion

Color Schemes with #afa1ff

Alternatives to #afa1ff

#afa1ff Preview

Shades and Tints of #afa1ff

Tones of #afa1ff

Color Blindness Simulator