#9fa7f5 hex color

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

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

● #9fa7f5 color description : Very soft blue.

The hexadecimal color #9fa7f5 has RGB values of R:159, G:167, B:245 and CMYK values of C:0.35, M:0.32, Y:0, K:0.04. Its decimal value is 10463221.

Hex triplet	9fa7f5	`#9fa7f5`
RGB Decimal	159, 167, 245	`rgb(159,167,245)`
RGB Percent	62.4, 65.5, 96.1	`rgb(62.4%,65.5%,96.1%)`
CMYK	35, 32, 0, 4
HSL	234.4°, 81.1, 79.2	`hsl(234.4,81.1%,79.2%)`
HSV (or HSB)	234.4°, 35.1, 96.1
Web Safe	9999ff	`#9999ff`

CIE-LAB	70.594, 15.274, -39.819
XYZ	44.595, 41.6, 92.061
xyY	0.25, 0.233, 41.6
CIE-LCH	70.594, 42.648, 290.986
CIE-LUV	70.594, -8.29, -66.125
Hunter-Lab	64.498, 10.546, -39.479
Binary	10011111, 10100111, 11110101

#9fa7f5
```
#9fa7f5 rgb(159,167,245)
```
#f5ed9f
```
#f5ed9f rgb(245,237,159)
```

Complementary Color

#9fd2f5
```
#9fd2f5 rgb(159,210,245)
```
#9fa7f5
```
#9fa7f5 rgb(159,167,245)
```
#c29ff5
```
#c29ff5 rgb(194,159,245)
```

Analogous Color

#d2f59f
```
#d2f59f rgb(210,245,159)
```
#9fa7f5
```
#9fa7f5 rgb(159,167,245)
```
#f5c29f
```
#f5c29f rgb(245,194,159)
```

Split Complementary Color

#a7f59f
```
#a7f59f rgb(167,245,159)
```
#9fa7f5
```
#9fa7f5 rgb(159,167,245)
```
#f59fa7
```
#f59fa7 rgb(245,159,167)
```

Triadic Color

#9ff5ed
```
#9ff5ed rgb(159,245,237)
```
#9fa7f5
```
#9fa7f5 rgb(159,167,245)
```
#f59fa7
```
#f59fa7 rgb(245,159,167)
```
#f5ed9f
```
#f5ed9f rgb(245,237,159)
```

Tetradic Color

#5a67ee
```
#5a67ee rgb(90,103,238)
```
#717df0
```
#717df0 rgb(113,125,240)
```
#8892f3
```
#8892f3 rgb(136,146,243)
```
#9fa7f5
```
#9fa7f5 rgb(159,167,245)
```
#b6bcf7
```
#b6bcf7 rgb(182,188,247)
```
#cdd1fa
```
#cdd1fa rgb(205,209,250)
```
#e4e7fc
```
#e4e7fc rgb(228,231,252)
```

Monochromatic Color

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

#9fbdf5
```
#9fbdf5 rgb(159,189,245)
```
#9fb5f5
```
#9fb5f5 rgb(159,181,245)
```
#9faef5
```
#9faef5 rgb(159,174,245)
```
#9fa7f5
```
#9fa7f5 rgb(159,167,245)
```
#9fa0f5
```
#9fa0f5 rgb(159,160,245)
```
#a59ff5
```
#a59ff5 rgb(165,159,245)
```
#ad9ff5
```
#ad9ff5 rgb(173,159,245)
```

Similar Colors

Text with hexadecimal color #9fa7f5

This text has a font color of #9fa7f5.

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

#9fa7f5 background color

This paragraph has a background color of #9fa7f5.

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

#9fa7f5 border color

This element has a border color of #9fa7f5.

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

CSS codes

.text {color:#9fa7f5;}

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

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

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)
```
#03051c
```
#03051c rgb(3,5,28)
```
#05092e
```
#05092e rgb(5,9,46)
```
#070c40
```
#070c40 rgb(7,12,64)
```
#090f52
```
#090f52 rgb(9,15,82)
```
#0a1363
```
#0a1363 rgb(10,19,99)
```
#0c1675
```
#0c1675 rgb(12,22,117)
```
#0e1987
```
#0e1987 rgb(14,25,135)
```
#101d99
```
#101d99 rgb(16,29,153)
```
#1220aa
```
#1220aa rgb(18,32,170)
```
#1423bc
```
#1423bc rgb(20,35,188)
```
#1527ce
```
#1527ce rgb(21,39,206)
```
#172ae0
```
#172ae0 rgb(23,42,224)
```

Shade Color Variation

#2335e8
```
#2335e8 rgb(35,53,232)
```
#3445ea
```
#3445ea rgb(52,69,234)
```
#4656ec
```
#4656ec rgb(70,86,236)
```
#5866ee
```
#5866ee rgb(88,102,238)
```
#6a76ef
```
#6a76ef rgb(106,118,239)
```
#7b86f1
```
#7b86f1 rgb(123,134,241)
```
#8d97f3
```
#8d97f3 rgb(141,151,243)
```
#9fa7f5
```
#9fa7f5 rgb(159,167,245)
```
#b1b7f7
```
#b1b7f7 rgb(177,183,247)
```
#c3c8f9
```
#c3c8f9 rgb(195,200,249)
```
#d4d8fb
```
#d4d8fb rgb(212,216,251)
```
#e6e8fc
```
#e6e8fc rgb(230,232,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 #97a0fd is the most saturated one.

#c8c8cc
```
#c8c8cc rgb(200,200,204)
```
#c4c5d0
```
#c4c5d0 rgb(196,197,208)
```
#c0c2d4
```
#c0c2d4 rgb(192,194,212)
```
#bcbed8
```
#bcbed8 rgb(188,190,216)
```
#b7bbdd
```
#b7bbdd rgb(183,187,221)
```
#b3b8e1
```
#b3b8e1 rgb(179,184,225)
```
#afb4e5
```
#afb4e5 rgb(175,180,229)
```
#abb1e9
```
#abb1e9 rgb(171,177,233)
```
#a7aeed
```
#a7aeed rgb(167,174,237)
```
#a3aaf1
```
#a3aaf1 rgb(163,170,241)
```
#9fa7f5
```
#9fa7f5 rgb(159,167,245)
```
#9ba4f9
```
#9ba4f9 rgb(155,164,249)
```
#97a0fd
```
#97a0fd rgb(151,160,253)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#abadbc Atypical Achromatopsia 0.001% of the population

Dichromacy

#97aef7 Protanopia 1% of men
#95aff4 Deuteranopia 1% of men
#95b6c3 Tritanopia 0.001% of the population

Trichromacy

#9aabf6 Protanomaly 1% of men, 0.01% of women
#99acf4 Deuteranomaly 6% of men, 0.4% of women
#99b0d5 Tritanomaly 0.01% of the population

#9fa7f5 hex color

#9fa7f5 Color Information

#9fa7f5 Color Conversion

Color Schemes with #9fa7f5

Alternatives to #9fa7f5

#9fa7f5 Preview

Shades and Tints of #9fa7f5

Tones of #9fa7f5

Color Blindness Simulator