#afa5f3 hex color

In a RGB color space, hex #afa5f3 is composed of 68.6% red, 64.7% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 28% cyan, 32.1% magenta, 0% yellow and 4.7% black. It has a hue angle of 247.7 degrees, a saturation of 76.5% and a lightness of 80%. #afa5f3 color hex could be obtained by blending #ffffff with #5f4be7. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 69
- G 65
- B 95
RGB color chart
- C 28
- M 32
- Y 0
- K 5
CMYK color chart

● #afa5f3 color description : Very soft blue.

The hexadecimal color #afa5f3 has RGB values of R:175, G:165, B:243 and CMYK values of C:0.28, M:0.32, Y:0, K:0.05. Its decimal value is 11511283.

Hex triplet	afa5f3	`#afa5f3`
RGB Decimal	175, 165, 243	`rgb(175,165,243)`
RGB Percent	68.6, 64.7, 95.3	`rgb(68.6%,64.7%,95.3%)`
CMYK	28, 32, 0, 5
HSL	247.7°, 76.5, 80	`hsl(247.7,76.5%,80%)`
HSV (or HSB)	247.7°, 32.1, 95.3
Web Safe	9999ff	`#9999ff`

CIE-LAB	71.211, 20.344, -37.68
XYZ	47.309, 42.495, 90.499
xyY	0.262, 0.236, 42.495
CIE-LCH	71.211, 42.821, 298.365
CIE-LUV	71.211, 0.054, -63.298
Hunter-Lab	65.188, 15.464, -36.679
Binary	10101111, 10100101, 11110011

#afa5f3
```
#afa5f3 rgb(175,165,243)
```
#e9f3a5
```
#e9f3a5 rgb(233,243,165)
```

Complementary Color

#a5c2f3
```
#a5c2f3 rgb(165,194,243)
```
#afa5f3
```
#afa5f3 rgb(175,165,243)
```
#d6a5f3
```
#d6a5f3 rgb(214,165,243)
```

Analogous Color

#c2f3a5
```
#c2f3a5 rgb(194,243,165)
```
#afa5f3
```
#afa5f3 rgb(175,165,243)
```
#f3d6a5
```
#f3d6a5 rgb(243,214,165)
```

Split Complementary Color

#a5f3af
```
#a5f3af rgb(165,243,175)
```
#afa5f3
```
#afa5f3 rgb(175,165,243)
```
#f3afa5
```
#f3afa5 rgb(243,175,165)
```

Triadic Color

#a5e9f3
```
#a5e9f3 rgb(165,233,243)
```
#afa5f3
```
#afa5f3 rgb(175,165,243)
```
#f3afa5
```
#f3afa5 rgb(243,175,165)
```
#e9f3a5
```
#e9f3a5 rgb(233,243,165)
```

Tetradic Color

#7362ea
```
#7362ea rgb(115,98,234)
```
#8778ed
```
#8778ed rgb(135,120,237)
```
#9b8ff0
```
#9b8ff0 rgb(155,143,240)
```
#afa5f3
```
#afa5f3 rgb(175,165,243)
```
#c3bcf6
```
#c3bcf6 rgb(195,188,246)
```
#d7d2f9
```
#d7d2f9 rgb(215,210,249)
```
#ebe9fc
```
#ebe9fc rgb(235,233,252)
```

Monochromatic Color

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

#a5aff3
```
#a5aff3 rgb(165,175,243)
```
#a5a8f3
```
#a5a8f3 rgb(165,168,243)
```
#a9a5f3
```
#a9a5f3 rgb(169,165,243)
```
#afa5f3
```
#afa5f3 rgb(175,165,243)
```
#b6a5f3
```
#b6a5f3 rgb(182,165,243)
```
#bca5f3
```
#bca5f3 rgb(188,165,243)
```
#c3a5f3
```
#c3a5f3 rgb(195,165,243)
```

Similar Colors

Text with hexadecimal color #afa5f3

This text has a font color of #afa5f3.

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

#afa5f3 background color

This paragraph has a background color of #afa5f3.

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

#afa5f3 border color

This element has a border color of #afa5f3.

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

CSS codes

.text {color:#afa5f3;}

.background {background-color:#afa5f3;}

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

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, #03020e is the darkest color, while #fcfcff is the lightest one.

#03020e
```
#03020e rgb(3,2,14)
```
#08041f
```
#08041f rgb(8,4,31)
```
#0c0630
```
#0c0630 rgb(12,6,48)
```
#100942
```
#100942 rgb(16,9,66)
```
#140b53
```
#140b53 rgb(20,11,83)
```
#190d64
```
#190d64 rgb(25,13,100)
```
#1d1076
```
#1d1076 rgb(29,16,118)
```
#211287
```
#211287 rgb(33,18,135)
```
#251498
```
#251498 rgb(37,20,152)
```
#2917aa
```
#2917aa rgb(41,23,170)
```
#2e19bb
```
#2e19bb rgb(46,25,187)
```
#321bcc
```
#321bcc rgb(50,27,204)
```
#361ede
```
#361ede rgb(54,30,222)
```

Shade Color Variation

#432ce3
```
#432ce3 rgb(67,44,227)
```
#533de5
```
#533de5 rgb(83,61,229)
```
#624ee7
```
#624ee7 rgb(98,78,231)
```
#7160ea
```
#7160ea rgb(113,96,234)
```
#8171ec
```
#8171ec rgb(129,113,236)
```
#9082ee
```
#9082ee rgb(144,130,238)
```
#a094f1
```
#a094f1 rgb(160,148,241)
```
#afa5f3
```
#afa5f3 rgb(175,165,243)
```
#beb6f5
```
#beb6f5 rgb(190,182,245)
```
#cec8f8
```
#cec8f8 rgb(206,200,248)
```
#ddd9fa
```
#ddd9fa rgb(221,217,250)
```
#edeafc
```
#edeafc rgb(237,234,252)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

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

#c9c8d0
```
#c9c8d0 rgb(201,200,208)
```
#c6c4d4
```
#c6c4d4 rgb(198,196,212)
```
#c3c0d8
```
#c3c0d8 rgb(195,192,216)
```
#c1bddb
```
#c1bddb rgb(193,189,219)
```
#beb9df
```
#beb9df rgb(190,185,223)
```
#bbb5e3
```
#bbb5e3 rgb(187,181,227)
```
#b8b1e7
```
#b8b1e7 rgb(184,177,231)
```
#b5adeb
```
#b5adeb rgb(181,173,235)
```
#b2a9ef
```
#b2a9ef rgb(178,169,239)
```
#afa5f3
```
#afa5f3 rgb(175,165,243)
```
#aca1f7
```
#aca1f7 rgb(172,161,247)
```
#a99dfb
```
#a99dfb rgb(169,157,251)
```
#a699ff
```
#a699ff rgb(166,153,255)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#b1afbe Atypical Achromatopsia 0.001% of the population

Dichromacy

#99b0f8 Protanopia 1% of men
#9bb0f1 Deuteranopia 1% of men
#a6b4c1 Tritanopia 0.001% of the population

Trichromacy

#a1acf6 Protanomaly 1% of men, 0.01% of women
#a2acf1 Deuteranomaly 6% of men, 0.4% of women
#a9aed3 Tritanomaly 0.01% of the population

#afa5f3 hex color

#afa5f3 Color Information

#afa5f3 Color Conversion

Color Schemes with #afa5f3

Alternatives to #afa5f3

#afa5f3 Preview

Shades and Tints of #afa5f3

Tones of #afa5f3

Color Blindness Simulator