#9fb4fa hex color

In a RGB color space, hex #9fb4fa is composed of 62.4% red, 70.6% green and 98% blue. Whereas in a CMYK color space, it is composed of 36.4% cyan, 28% magenta, 0% yellow and 2% black. It has a hue angle of 226.2 degrees, a saturation of 90.1% and a lightness of 80.2%. #9fb4fa color hex could be obtained by blending #ffffff with #3f69f5. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 62
- G 71
- B 98
RGB color chart
- C 36
- M 28
- Y 0
- K 2
CMYK color chart

● #9fb4fa color description : Very soft blue.

The hexadecimal color #9fb4fa has RGB values of R:159, G:180, B:250 and CMYK values of C:0.36, M:0.28, Y:0, K:0.02. Its decimal value is 10466554.

Hex triplet	9fb4fa	`#9fb4fa`
RGB Decimal	159, 180, 250	`rgb(159,180,250)`
RGB Percent	62.4, 70.6, 98	`rgb(62.4%,70.6%,98%)`
CMYK	36, 28, 0, 2
HSL	226.2°, 90.1, 80.2	`hsl(226.2,90.1%,80.2%)`
HSV (or HSB)	226.2°, 36.4, 98
Web Safe	99ccff	`#99ccff`

CIE-LAB	74.135, 9.303, -37.018
XYZ	47.871, 46.914, 96.97
xyY	0.25, 0.245, 46.914
CIE-LCH	74.135, 38.169, 284.107
CIE-LUV	74.135, -13.648, -61.024
Hunter-Lab	68.494, 4.891, -35.994
Binary	10011111, 10110100, 11111010

#9fb4fa
```
#9fb4fa rgb(159,180,250)
```
#fae59f
```
#fae59f rgb(250,229,159)
```

Complementary Color

#9fe2fa
```
#9fe2fa rgb(159,226,250)
```
#9fb4fa
```
#9fb4fa rgb(159,180,250)
```
#b89ffa
```
#b89ffa rgb(184,159,250)
```

Analogous Color

#e2fa9f
```
#e2fa9f rgb(226,250,159)
```
#9fb4fa
```
#9fb4fa rgb(159,180,250)
```
#fab89f
```
#fab89f rgb(250,184,159)
```

Split Complementary Color

#b4fa9f
```
#b4fa9f rgb(180,250,159)
```
#9fb4fa
```
#9fb4fa rgb(159,180,250)
```
#fa9fb4
```
#fa9fb4 rgb(250,159,180)
```

Triadic Color

#9ffae5
```
#9ffae5 rgb(159,250,229)
```
#9fb4fa
```
#9fb4fa rgb(159,180,250)
```
#fa9fb4
```
#fa9fb4 rgb(250,159,180)
```
#fae59f
```
#fae59f rgb(250,229,159)
```

Tetradic Color

#567bf6
```
#567bf6 rgb(86,123,246)
```
#6f8ef7
```
#6f8ef7 rgb(111,142,247)
```
#87a1f9
```
#87a1f9 rgb(135,161,249)
```
#9fb4fa
```
#9fb4fa rgb(159,180,250)
```
#b7c7fb
```
#b7c7fb rgb(183,199,251)
```
#cfdafd
```
#cfdafd rgb(207,218,253)
```
#e8edfe
```
#e8edfe rgb(232,237,254)
```

Monochromatic Color

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

#9fcbfa
```
#9fcbfa rgb(159,203,250)
```
#9fc3fa
```
#9fc3fa rgb(159,195,250)
```
#9fbcfa
```
#9fbcfa rgb(159,188,250)
```
#9fb4fa
```
#9fb4fa rgb(159,180,250)
```
#9facfa
```
#9facfa rgb(159,172,250)
```
#9fa5fa
```
#9fa5fa rgb(159,165,250)
```
#a19ffa
```
#a19ffa rgb(161,159,250)
```

Similar Colors

Text with hexadecimal color #9fb4fa

This text has a font color of #9fb4fa.

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

#9fb4fa background color

This paragraph has a background color of #9fb4fa.

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

#9fb4fa border color

This element has a border color of #9fb4fa.

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

CSS codes

.text {color:#9fb4fa;}

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

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

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

#010410
```
#010410 rgb(1,4,16)
```
#020923
```
#020923 rgb(2,9,35)
```
#030e35
```
#030e35 rgb(3,14,53)
```
#041348
```
#041348 rgb(4,19,72)
```
#05185a
```
#05185a rgb(5,24,90)
```
#061e6d
```
#061e6d rgb(6,30,109)
```
#072380
```
#072380 rgb(7,35,128)
```
#082892
```
#082892 rgb(8,40,146)
```
#092da5
```
#092da5 rgb(9,45,165)
```
#0a32b8
```
#0a32b8 rgb(10,50,184)
```
#0b37ca
```
#0b37ca rgb(11,55,202)
```
#0c3cdd
```
#0c3cdd rgb(12,60,221)
```
#0c41f0
```
#0c41f0 rgb(12,65,240)
```

Shade Color Variation

#1c4ef3
```
#1c4ef3 rgb(28,78,243)
```
#2f5df4
```
#2f5df4 rgb(47,93,244)
```
#426bf5
```
#426bf5 rgb(66,107,245)
```
#547af6
```
#547af6 rgb(84,122,246)
```
#6788f7
```
#6788f7 rgb(103,136,247)
```
#7a97f8
```
#7a97f8 rgb(122,151,248)
```
#8ca5f9
```
#8ca5f9 rgb(140,165,249)
```
#9fb4fa
```
#9fb4fa rgb(159,180,250)
```
#b2c3fb
```
#b2c3fb rgb(178,195,251)
```
#c4d1fc
```
#c4d1fc rgb(196,209,252)
```
#d7e0fd
```
#d7e0fd rgb(215,224,253)
```
#eaeefe
```
#eaeefe rgb(234,238,254)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#cacbcf
```
#cacbcf rgb(202,203,207)
```
#c6c9d3
```
#c6c9d3 rgb(198,201,211)
```
#c2c7d7
```
#c2c7d7 rgb(194,199,215)
```
#bec5db
```
#bec5db rgb(190,197,219)
```
#bac3df
```
#bac3df rgb(186,195,223)
```
#b6c1e3
```
#b6c1e3 rgb(182,193,227)
```
#b2bee7
```
#b2bee7 rgb(178,190,231)
```
#afbcea
```
#afbcea rgb(175,188,234)
```
#abbaee
```
#abbaee rgb(171,186,238)
```
#a7b8f2
```
#a7b8f2 rgb(167,184,242)
```
#a3b6f6
```
#a3b6f6 rgb(163,182,246)
```
#9fb4fa
```
#9fb4fa rgb(159,180,250)
```
#9bb2fe
```
#9bb2fe rgb(155,178,254)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#b1b6c4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4b7fa Protanopia 1% of men
#a3b8fa Deuteranopia 1% of men
#97c0ce Tritanopia 0.001% of the population

Trichromacy

#a2b6fa Protanomaly 1% of men, 0.01% of women
#a1b6fa Deuteranomaly 6% of men, 0.4% of women
#99bcde Tritanomaly 0.01% of the population

#9fb4fa hex color

#9fb4fa Color Information

#9fb4fa Color Conversion

Color Schemes with #9fb4fa

Alternatives to #9fb4fa

#9fb4fa Preview

Shades and Tints of #9fb4fa

Tones of #9fb4fa

Color Blindness Simulator