#9fb1f5 hex color

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

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

● #9fb1f5 color description : Very soft blue.

The hexadecimal color #9fb1f5 has RGB values of R:159, G:177, B:245 and CMYK values of C:0.35, M:0.28, Y:0, K:0.04. Its decimal value is 10465781.

Hex triplet	9fb1f5	`#9fb1f5`
RGB Decimal	159, 177, 245	`rgb(159,177,245)`
RGB Percent	62.4, 69.4, 96.1	`rgb(62.4%,69.4%,96.1%)`
CMYK	35, 28, 0, 4
HSL	227.4°, 81.1, 79.2	`hsl(227.4,81.1%,79.2%)`
HSV (or HSB)	227.4°, 35.1, 96.1
Web Safe	9999ff	`#9999ff`

CIE-LAB	73.159, 9.671, -35.83
XYZ	46.498, 45.407, 92.696
xyY	0.252, 0.246, 45.407
CIE-LCH	73.159, 37.113, 285.104
CIE-LUV	73.159, -12.267, -58.953
Hunter-Lab	67.384, 5.25, -34.392
Binary	10011111, 10110001, 11110101

#9fb1f5
```
#9fb1f5 rgb(159,177,245)
```
#f5e39f
```
#f5e39f rgb(245,227,159)
```

Complementary Color

#9fdcf5
```
#9fdcf5 rgb(159,220,245)
```
#9fb1f5
```
#9fb1f5 rgb(159,177,245)
```
#b89ff5
```
#b89ff5 rgb(184,159,245)
```

Analogous Color

#dcf59f
```
#dcf59f rgb(220,245,159)
```
#9fb1f5
```
#9fb1f5 rgb(159,177,245)
```
#f5b89f
```
#f5b89f rgb(245,184,159)
```

Split Complementary Color

#b1f59f
```
#b1f59f rgb(177,245,159)
```
#9fb1f5
```
#9fb1f5 rgb(159,177,245)
```
#f59fb1
```
#f59fb1 rgb(245,159,177)
```

Triadic Color

#9ff5e3
```
#9ff5e3 rgb(159,245,227)
```
#9fb1f5
```
#9fb1f5 rgb(159,177,245)
```
#f59fb1
```
#f59fb1 rgb(245,159,177)
```
#f5e39f
```
#f5e39f rgb(245,227,159)
```

Tetradic Color

#5a79ee
```
#5a79ee rgb(90,121,238)
```
#718bf0
```
#718bf0 rgb(113,139,240)
```
#889ef3
```
#889ef3 rgb(136,158,243)
```
#9fb1f5
```
#9fb1f5 rgb(159,177,245)
```
#b6c4f7
```
#b6c4f7 rgb(182,196,247)
```
#cdd7fa
```
#cdd7fa rgb(205,215,250)
```
#e4e9fc
```
#e4e9fc rgb(228,233,252)
```

Monochromatic Color

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

#9fc7f5
```
#9fc7f5 rgb(159,199,245)
```
#9fbff5
```
#9fbff5 rgb(159,191,245)
```
#9fb8f5
```
#9fb8f5 rgb(159,184,245)
```
#9fb1f5
```
#9fb1f5 rgb(159,177,245)
```
#9faaf5
```
#9faaf5 rgb(159,170,245)
```
#9fa3f5
```
#9fa3f5 rgb(159,163,245)
```
#a39ff5
```
#a39ff5 rgb(163,159,245)
```

Similar Colors

Text with hexadecimal color #9fb1f5

This text has a font color of #9fb1f5.

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

#9fb1f5 background color

This paragraph has a background color of #9fb1f5.

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

#9fb1f5 border color

This element has a border color of #9fb1f5.

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

CSS codes

.text {color:#9fb1f5;}

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

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

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

#01030b
```
#01030b rgb(1,3,11)
```
#03081c
```
#03081c rgb(3,8,28)
```
#050d2e
```
#050d2e rgb(5,13,46)
```
#071340
```
#071340 rgb(7,19,64)
```
#091852
```
#091852 rgb(9,24,82)
```
#0a1d63
```
#0a1d63 rgb(10,29,99)
```
#0c2275
```
#0c2275 rgb(12,34,117)
```
#0e2787
```
#0e2787 rgb(14,39,135)
```
#102d99
```
#102d99 rgb(16,45,153)
```
#1232aa
```
#1232aa rgb(18,50,170)
```
#1437bc
```
#1437bc rgb(20,55,188)
```
#153cce
```
#153cce rgb(21,60,206)
```
#1741e0
```
#1741e0 rgb(23,65,224)
```

Shade Color Variation

#234ce8
```
#234ce8 rgb(35,76,232)
```
#345aea
```
#345aea rgb(52,90,234)
```
#4669ec
```
#4669ec rgb(70,105,236)
```
#5877ee
```
#5877ee rgb(88,119,238)
```
#6a86ef
```
#6a86ef rgb(106,134,239)
```
#7b94f1
```
#7b94f1 rgb(123,148,241)
```
#8da3f3
```
#8da3f3 rgb(141,163,243)
```
#9fb1f5
```
#9fb1f5 rgb(159,177,245)
```
#b1bff7
```
#b1bff7 rgb(177,191,247)
```
#c3cef9
```
#c3cef9 rgb(195,206,249)
```
#d4dcfb
```
#d4dcfb rgb(212,220,251)
```
#e6ebfc
```
#e6ebfc rgb(230,235,252)
```
#f8f9fe
```
#f8f9fe rgb(248,249,254)
```

Tint Color Variation

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

#c8c9cc
```
#c8c9cc rgb(200,201,204)
```
#c4c6d0
```
#c4c6d0 rgb(196,198,208)
```
#c0c4d4
```
#c0c4d4 rgb(192,196,212)
```
#bcc2d8
```
#bcc2d8 rgb(188,194,216)
```
#b7bfdd
```
#b7bfdd rgb(183,191,221)
```
#b3bde1
```
#b3bde1 rgb(179,189,225)
```
#afbae5
```
#afbae5 rgb(175,186,229)
```
#abb8e9
```
#abb8e9 rgb(171,184,233)
```
#a7b6ed
```
#a7b6ed rgb(167,182,237)
```
#a3b3f1
```
#a3b3f1 rgb(163,179,241)
```
#9fb1f5
```
#9fb1f5 rgb(159,177,245)
```
#9baff9
```
#9baff9 rgb(155,175,249)
```
#97acfd
```
#97acfd rgb(151,172,253)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#afb3c0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3b5f5 Protanopia 1% of men
#a2b5f5 Deuteranopia 1% of men
#97bdcb Tritanopia 0.001% of the population

Trichromacy

#a1b3f5 Protanomaly 1% of men, 0.01% of women
#a1b3f5 Deuteranomaly 6% of men, 0.4% of women
#9ab8da Tritanomaly 0.01% of the population

#9fb1f5 hex color

#9fb1f5 Color Information

#9fb1f5 Color Conversion

Color Schemes with #9fb1f5

Alternatives to #9fb1f5

#9fb1f5 Preview

Shades and Tints of #9fb1f5

Tones of #9fb1f5

Color Blindness Simulator