#a396fa hex color

In a RGB color space, hex #a396fa is composed of 63.9% red, 58.8% green and 98% blue. Whereas in a CMYK color space, it is composed of 34.8% cyan, 40% magenta, 0% yellow and 2% black. It has a hue angle of 247.8 degrees, a saturation of 90.9% and a lightness of 78.4%. #a396fa color hex could be obtained by blending #ffffff with #472df5. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 64
- G 59
- B 98
RGB color chart
- C 35
- M 40
- Y 0
- K 2
CMYK color chart

● #a396fa color description : Very soft blue.

The hexadecimal color #a396fa has RGB values of R:163, G:150, B:250 and CMYK values of C:0.35, M:0.4, Y:0, K:0.02. Its decimal value is 10721018.

Hex triplet	a396fa	`#a396fa`
RGB Decimal	163, 150, 250	`rgb(163,150,250)`
RGB Percent	63.9, 58.8, 98	`rgb(63.9%,58.8%,98%)`
CMYK	35, 40, 0, 2
HSL	247.8°, 90.9, 78.4	`hsl(247.8,90.9%,78.4%)`
HSV (or HSB)	247.8°, 40, 98
Web Safe	9999ff	`#9999ff`

CIE-LAB	66.901, 27.286, -48.314
XYZ	43.263, 36.501, 95.203
xyY	0.247, 0.209, 36.501
CIE-LCH	66.901, 55.487, 299.456
CIE-LUV	66.901, -0.33, -81.312
Hunter-Lab	60.416, 22.093, -51.138
Binary	10100011, 10010110, 11111010

#a396fa
```
#a396fa rgb(163,150,250)
```
#edfa96
```
#edfa96 rgb(237,250,150)
```

Complementary Color

#96bbfa
```
#96bbfa rgb(150,187,250)
```
#a396fa
```
#a396fa rgb(163,150,250)
```
#d596fa
```
#d596fa rgb(213,150,250)
```

Analogous Color

#bbfa96
```
#bbfa96 rgb(187,250,150)
```
#a396fa
```
#a396fa rgb(163,150,250)
```
#fad596
```
#fad596 rgb(250,213,150)
```

Split Complementary Color

#96faa3
```
#96faa3 rgb(150,250,163)
```
#a396fa
```
#a396fa rgb(163,150,250)
```
#faa396
```
#faa396 rgb(250,163,150)
```

Triadic Color

#96edfa
```
#96edfa rgb(150,237,250)
```
#a396fa
```
#a396fa rgb(163,150,250)
```
#faa396
```
#faa396 rgb(250,163,150)
```
#edfa96
```
#edfa96 rgb(237,250,150)
```

Tetradic Color

#634df7
```
#634df7 rgb(99,77,247)
```
#7865f8
```
#7865f8 rgb(120,101,248)
```
#8e7ef9
```
#8e7ef9 rgb(142,126,249)
```
#a396fa
```
#a396fa rgb(163,150,250)
```
#b8aefb
```
#b8aefb rgb(184,174,251)
```
#cec7fc
```
#cec7fc rgb(206,199,252)
```
#e3dffd
```
#e3dffd rgb(227,223,253)
```

Monochromatic Color

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

#96a2fa
```
#96a2fa rgb(150,162,250)
```
#969afa
```
#969afa rgb(150,154,250)
```
#9b96fa
```
#9b96fa rgb(155,150,250)
```
#a396fa
```
#a396fa rgb(163,150,250)
```
#ab96fa
```
#ab96fa rgb(171,150,250)
```
#b496fa
```
#b496fa rgb(180,150,250)
```
#bc96fa
```
#bc96fa rgb(188,150,250)
```

Similar Colors

Text with hexadecimal color #a396fa

This text has a font color of #a396fa.

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

#a396fa background color

This paragraph has a background color of #a396fa.

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

#a396fa border color

This element has a border color of #a396fa.

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

CSS codes

.text {color:#a396fa;}

.background {background-color:#a396fa;}

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

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

#010007
```
#010007 rgb(1,0,7)
```
#04011a
```
#04011a rgb(4,1,26)
```
#08022d
```
#08022d rgb(8,2,45)
```
#0b0340
```
#0b0340 rgb(11,3,64)
```
#0e0452
```
#0e0452 rgb(14,4,82)
```
#110565
```
#110565 rgb(17,5,101)
```
#150678
```
#150678 rgb(21,6,120)
```
#18078a
```
#18078a rgb(24,7,138)
```
#1b079d
```
#1b079d rgb(27,7,157)
```
#1e08b0
```
#1e08b0 rgb(30,8,176)
```
#2109c3
```
#2109c3 rgb(33,9,195)
```
#250ad5
```
#250ad5 rgb(37,10,213)
```
#280be8
```
#280be8 rgb(40,11,232)
```

Shade Color Variation

#3013f4
```
#3013f4 rgb(48,19,244)
```
#4126f5
```
#4126f5 rgb(65,38,245)
```
#5138f6
```
#5138f6 rgb(81,56,246)
```
#614bf6
```
#614bf6 rgb(97,75,246)
```
#725ef7
```
#725ef7 rgb(114,94,247)
```
#8271f8
```
#8271f8 rgb(130,113,248)
```
#9383f9
```
#9383f9 rgb(147,131,249)
```
#a396fa
```
#a396fa rgb(163,150,250)
```
#b3a9fb
```
#b3a9fb rgb(179,169,251)
```
#c4bbfc
```
#c4bbfc rgb(196,187,252)
```
#d4cefd
```
#d4cefd rgb(212,206,253)
```
#e5e1fe
```
#e5e1fe rgb(229,225,254)
```
#f5f4fe
```
#f5f4fe rgb(245,244,254)
```

Tint Color Variation

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

#c5c5cb
```
#c5c5cb rgb(197,197,203)
```
#c2c0d0
```
#c2c0d0 rgb(194,192,208)
```
#bfbcd4
```
#bfbcd4 rgb(191,188,212)
```
#bcb8d8
```
#bcb8d8 rgb(188,184,216)
```
#b9b4dc
```
#b9b4dc rgb(185,180,220)
```
#b6afe1
```
#b6afe1 rgb(182,175,225)
```
#b3abe5
```
#b3abe5 rgb(179,171,229)
```
#b0a7e9
```
#b0a7e9 rgb(176,167,233)
```
#aca3ed
```
#aca3ed rgb(172,163,237)
```
#a99ef2
```
#a99ef2 rgb(169,158,242)
```
#a69af6
```
#a69af6 rgb(166,154,246)
```
#a396fa
```
#a396fa rgb(163,150,250)
```
#a092fe
```
#a092fe rgb(160,146,254)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#a5a2b6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#82a4ff Protanopia 1% of men
#7ea7f5 Deuteranopia 1% of men
#95aab7 Tritanopia 0.001% of the population

Trichromacy

#8e9ffd Protanomaly 1% of men, 0.01% of women
#8ba0f7 Deuteranomaly 6% of men, 0.4% of women
#9aa3cf Tritanomaly 0.01% of the population

#a396fa hex color

#a396fa Color Information

#a396fa Color Conversion

Color Schemes with #a396fa

Alternatives to #a396fa

#a396fa Preview

Shades and Tints of #a396fa

Tones of #a396fa

Color Blindness Simulator