#9fa4f5 hex color

In a RGB color space, hex #9fa4f5 is composed of 62.4% red, 64.3% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 35.1% cyan, 33.1% magenta, 0% yellow and 3.9% black. It has a hue angle of 236.5 degrees, a saturation of 81.1% and a lightness of 79.2%. #9fa4f5 color hex could be obtained by blending #ffffff with #3f49eb. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 62
- G 64
- B 96
RGB color chart
- C 35
- M 33
- Y 0
- K 4
CMYK color chart

● #9fa4f5 color description : Very soft blue.

The hexadecimal color #9fa4f5 has RGB values of R:159, G:164, B:245 and CMYK values of C:0.35, M:0.33, Y:0, K:0.04. Its decimal value is 10462453.

Hex triplet	9fa4f5	`#9fa4f5`
RGB Decimal	159, 164, 245	`rgb(159,164,245)`
RGB Percent	62.4, 64.3, 96.1	`rgb(62.4%,64.3%,96.1%)`
CMYK	35, 33, 0, 4
HSL	236.5°, 81.1, 79.2	`hsl(236.5,81.1%,79.2%)`
HSV (or HSB)	236.5°, 35.1, 96.1
Web Safe	9999ff	`#9999ff`

CIE-LAB	69.834, 16.968, -41.006
XYZ	44.052, 40.513, 91.88
xyY	0.25, 0.23, 40.513
CIE-LCH	69.834, 44.378, 292.48
CIE-LUV	69.834, -7.115, -68.241
Hunter-Lab	63.65, 12.15, -41.031
Binary	10011111, 10100100, 11110101

#9fa4f5
```
#9fa4f5 rgb(159,164,245)
```
#f5f09f
```
#f5f09f rgb(245,240,159)
```

Complementary Color

#9fcff5
```
#9fcff5 rgb(159,207,245)
```
#9fa4f5
```
#9fa4f5 rgb(159,164,245)
```
#c59ff5
```
#c59ff5 rgb(197,159,245)
```

Analogous Color

#cff59f
```
#cff59f rgb(207,245,159)
```
#9fa4f5
```
#9fa4f5 rgb(159,164,245)
```
#f5c59f
```
#f5c59f rgb(245,197,159)
```

Split Complementary Color

#a4f59f
```
#a4f59f rgb(164,245,159)
```
#9fa4f5
```
#9fa4f5 rgb(159,164,245)
```
#f59fa4
```
#f59fa4 rgb(245,159,164)
```

Triadic Color

#9ff5f0
```
#9ff5f0 rgb(159,245,240)
```
#9fa4f5
```
#9fa4f5 rgb(159,164,245)
```
#f59fa4
```
#f59fa4 rgb(245,159,164)
```
#f5f09f
```
#f5f09f rgb(245,240,159)
```

Tetradic Color

#5a62ee
```
#5a62ee rgb(90,98,238)
```
#7178f0
```
#7178f0 rgb(113,120,240)
```
#888ef3
```
#888ef3 rgb(136,142,243)
```
#9fa4f5
```
#9fa4f5 rgb(159,164,245)
```
#b6baf7
```
#b6baf7 rgb(182,186,247)
```
#cdd0fa
```
#cdd0fa rgb(205,208,250)
```
#e4e6fc
```
#e4e6fc rgb(228,230,252)
```

Monochromatic Color

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

#9fbaf5
```
#9fbaf5 rgb(159,186,245)
```
#9fb2f5
```
#9fb2f5 rgb(159,178,245)
```
#9fabf5
```
#9fabf5 rgb(159,171,245)
```
#9fa4f5
```
#9fa4f5 rgb(159,164,245)
```
#a19ff5
```
#a19ff5 rgb(161,159,245)
```
#a89ff5
```
#a89ff5 rgb(168,159,245)
```
#b09ff5
```
#b09ff5 rgb(176,159,245)
```

Similar Colors

Text with hexadecimal color #9fa4f5

This text has a font color of #9fa4f5.

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

#9fa4f5 background color

This paragraph has a background color of #9fa4f5.

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

#9fa4f5 border color

This element has a border color of #9fa4f5.

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

CSS codes

.text {color:#9fa4f5;}

.background {background-color:#9fa4f5;}

.border {border:1px solid #9fa4f5;}

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, #01020b is the darkest color, while #f8f8fe is the lightest one.

#01020b
```
#01020b rgb(1,2,11)
```
#03041c
```
#03041c rgb(3,4,28)
```
#05072e
```
#05072e rgb(5,7,46)
```
#070a40
```
#070a40 rgb(7,10,64)
```
#090d52
```
#090d52 rgb(9,13,82)
```
#0a1063
```
#0a1063 rgb(10,16,99)
```
#0c1275
```
#0c1275 rgb(12,18,117)
```
#0e1587
```
#0e1587 rgb(14,21,135)
```
#101899
```
#101899 rgb(16,24,153)
```
#121baa
```
#121baa rgb(18,27,170)
```
#141dbc
```
#141dbc rgb(20,29,188)
```
#1520ce
```
#1520ce rgb(21,32,206)
```
#1723e0
```
#1723e0 rgb(23,35,224)
```

Shade Color Variation

#232ee8
```
#232ee8 rgb(35,46,232)
```
#343fea
```
#343fea rgb(52,63,234)
```
#4650ec
```
#4650ec rgb(70,80,236)
```
#5861ee
```
#5861ee rgb(88,97,238)
```
#6a71ef
```
#6a71ef rgb(106,113,239)
```
#7b82f1
```
#7b82f1 rgb(123,130,241)
```
#8d93f3
```
#8d93f3 rgb(141,147,243)
```
#9fa4f5
```
#9fa4f5 rgb(159,164,245)
```
#b1b5f7
```
#b1b5f7 rgb(177,181,247)
```
#c3c6f9
```
#c3c6f9 rgb(195,198,249)
```
#d4d7fb
```
#d4d7fb rgb(212,215,251)
```
#e6e7fc
```
#e6e7fc rgb(230,231,252)
```
#f8f8fe
```
#f8f8fe rgb(248,248,254)
```

Tint Color Variation

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

#c8c8cc
```
#c8c8cc rgb(200,200,204)
```
#c4c4d0
```
#c4c4d0 rgb(196,196,208)
```
#c0c1d4
```
#c0c1d4 rgb(192,193,212)
```
#bcbdd8
```
#bcbdd8 rgb(188,189,216)
```
#b7badd
```
#b7badd rgb(183,186,221)
```
#b3b6e1
```
#b3b6e1 rgb(179,182,225)
```
#afb2e5
```
#afb2e5 rgb(175,178,229)
```
#abafe9
```
#abafe9 rgb(171,175,233)
```
#a7abed
```
#a7abed rgb(167,171,237)
```
#a3a8f1
```
#a3a8f1 rgb(163,168,241)
```
#9fa4f5
```
#9fa4f5 rgb(159,164,245)
```
#9ba0f9
```
#9ba0f9 rgb(155,160,249)
```
#979dfd
```
#979dfd rgb(151,157,253)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#a9aabb Atypical Achromatopsia 0.001% of the population

Dichromacy

#93acf8 Protanopia 1% of men
#92adf3 Deuteranopia 1% of men
#95b3c0 Tritanopia 0.001% of the population

Trichromacy

#97a9f7 Protanomaly 1% of men, 0.01% of women
#96aaf4 Deuteranomaly 6% of men, 0.4% of women
#98aed3 Tritanomaly 0.01% of the population

#9fa4f5 hex color

#9fa4f5 Color Information

#9fa4f5 Color Conversion

Color Schemes with #9fa4f5

Alternatives to #9fa4f5

#9fa4f5 Preview

Shades and Tints of #9fa4f5

Tones of #9fa4f5

Color Blindness Simulator