#9fa9f4 hex color

In a RGB color space, hex #9fa9f4 is composed of 62.4% red, 66.3% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 34.8% cyan, 30.7% magenta, 0% yellow and 4.3% black. It has a hue angle of 232.9 degrees, a saturation of 79.4% and a lightness of 79%. #9fa9f4 color hex could be obtained by blending #ffffff with #3f53e9. Closest websafe color is: #9999ff.

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

● #9fa9f4 color description : Very soft blue.

The hexadecimal color #9fa9f4 has RGB values of R:159, G:169, B:244 and CMYK values of C:0.35, M:0.31, Y:0, K:0.04. Its decimal value is 10463732.

Hex triplet	9fa9f4	`#9fa9f4`
RGB Decimal	159, 169, 244	`rgb(159,169,244)`
RGB Percent	62.4, 66.3, 95.7	`rgb(62.4%,66.3%,95.7%)`
CMYK	35, 31, 0, 4
HSL	232.9°, 79.4, 79	`hsl(232.9,79.4%,79%)`
HSV (or HSB)	232.9°, 34.8, 95.7
Web Safe	9999ff	`#9999ff`

CIE-LAB	71.062, 13.888, -38.547
XYZ	44.812, 42.277, 91.382
xyY	0.251, 0.237, 42.277
CIE-LCH	71.062, 40.972, 289.813
CIE-LUV	71.062, -9.031, -63.857
Hunter-Lab	65.021, 9.233, -37.813
Binary	10011111, 10101001, 11110100

#9fa9f4
```
#9fa9f4 rgb(159,169,244)
```
#f4ea9f
```
#f4ea9f rgb(244,234,159)
```

Complementary Color

#9fd4f4
```
#9fd4f4 rgb(159,212,244)
```
#9fa9f4
```
#9fa9f4 rgb(159,169,244)
```
#c09ff4
```
#c09ff4 rgb(192,159,244)
```

Analogous Color

#d4f49f
```
#d4f49f rgb(212,244,159)
```
#9fa9f4
```
#9fa9f4 rgb(159,169,244)
```
#f4c09f
```
#f4c09f rgb(244,192,159)
```

Split Complementary Color

#a9f49f
```
#a9f49f rgb(169,244,159)
```
#9fa9f4
```
#9fa9f4 rgb(159,169,244)
```
#f49fa9
```
#f49fa9 rgb(244,159,169)
```

Triadic Color

#9ff4ea
```
#9ff4ea rgb(159,244,234)
```
#9fa9f4
```
#9fa9f4 rgb(159,169,244)
```
#f49fa9
```
#f49fa9 rgb(244,159,169)
```
#f4ea9f
```
#f4ea9f rgb(244,234,159)
```

Tetradic Color

#5a6cec
```
#5a6cec rgb(90,108,236)
```
#7180ef
```
#7180ef rgb(113,128,239)
```
#8895f1
```
#8895f1 rgb(136,149,241)
```
#9fa9f4
```
#9fa9f4 rgb(159,169,244)
```
#b6bdf7
```
#b6bdf7 rgb(182,189,247)
```
#cdd2f9
```
#cdd2f9 rgb(205,210,249)
```
#e4e6fc
```
#e4e6fc rgb(228,230,252)
```

Monochromatic Color

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

#9fbef4
```
#9fbef4 rgb(159,190,244)
```
#9fb7f4
```
#9fb7f4 rgb(159,183,244)
```
#9fb0f4
```
#9fb0f4 rgb(159,176,244)
```
#9fa9f4
```
#9fa9f4 rgb(159,169,244)
```
#9fa2f4
```
#9fa2f4 rgb(159,162,244)
```
#a39ff4
```
#a39ff4 rgb(163,159,244)
```
#aa9ff4
```
#aa9ff4 rgb(170,159,244)
```

Similar Colors

Text with hexadecimal color #9fa9f4

This text has a font color of #9fa9f4.

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

#9fa9f4 background color

This paragraph has a background color of #9fa9f4.

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

#9fa9f4 border color

This element has a border color of #9fa9f4.

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

CSS codes

.text {color:#9fa9f4;}

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

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

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

#01020a
```
#01020a rgb(1,2,10)
```
#03061b
```
#03061b rgb(3,6,27)
```
#050a2d
```
#050a2d rgb(5,10,45)
```
#070e3e
```
#070e3e rgb(7,14,62)
```
#091150
```
#091150 rgb(9,17,80)
```
#0b1562
```
#0b1562 rgb(11,21,98)
```
#0d1973
```
#0d1973 rgb(13,25,115)
```
#0f1d85
```
#0f1d85 rgb(15,29,133)
```
#112196
```
#112196 rgb(17,33,150)
```
#1325a8
```
#1325a8 rgb(19,37,168)
```
#1529ba
```
#1529ba rgb(21,41,186)
```
#172ccb
```
#172ccb rgb(23,44,203)
```
#1930dd
```
#1930dd rgb(25,48,221)
```

Shade Color Variation

#243be6
```
#243be6 rgb(36,59,230)
```
#354ae8
```
#354ae8 rgb(53,74,232)
```
#475aea
```
#475aea rgb(71,90,234)
```
#596aec
```
#596aec rgb(89,106,236)
```
#6a7aee
```
#6a7aee rgb(106,122,238)
```
#7c89f0
```
#7c89f0 rgb(124,137,240)
```
#8d99f2
```
#8d99f2 rgb(141,153,242)
```
#9fa9f4
```
#9fa9f4 rgb(159,169,244)
```
#b1b9f6
```
#b1b9f6 rgb(177,185,246)
```
#c2c9f8
```
#c2c9f8 rgb(194,201,248)
```
#d4d8fa
```
#d4d8fa rgb(212,216,250)
```
#e5e8fc
```
#e5e8fc rgb(229,232,252)
```
#f7f8fe
```
#f7f8fe rgb(247,248,254)
```

Tint Color Variation

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

#c8c8cb
```
#c8c8cb rgb(200,200,203)
```
#c4c5cf
```
#c4c5cf rgb(196,197,207)
```
#c0c2d3
```
#c0c2d3 rgb(192,194,211)
```
#bcbfd7
```
#bcbfd7 rgb(188,191,215)
```
#b8bcdb
```
#b8bcdb rgb(184,188,219)
```
#b4b9df
```
#b4b9df rgb(180,185,223)
```
#afb6e4
```
#afb6e4 rgb(175,182,228)
```
#abb2e8
```
#abb2e8 rgb(171,178,232)
```
#a7afec
```
#a7afec rgb(167,175,236)
```
#a3acf0
```
#a3acf0 rgb(163,172,240)
```
#9fa9f4
```
#9fa9f4 rgb(159,169,244)
```
#9ba6f8
```
#9ba6f8 rgb(155,166,248)
```
#97a3fc
```
#97a3fc rgb(151,163,252)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#acaebd Atypical Achromatopsia 0.001% of the population

Dichromacy

#9aaff6 Protanopia 1% of men
#99b0f3 Deuteranopia 1% of men
#96b7c4 Tritanopia 0.001% of the population

Trichromacy

#9badf5 Protanomaly 1% of men, 0.01% of women
#9badf3 Deuteranomaly 6% of men, 0.4% of women
#99b2d5 Tritanomaly 0.01% of the population

#9fa9f4 hex color

#9fa9f4 Color Information

#9fa9f4 Color Conversion

Color Schemes with #9fa9f4

Alternatives to #9fa9f4

#9fa9f4 Preview

Shades and Tints of #9fa9f4

Tones of #9fa9f4

Color Blindness Simulator