#949fb5 hex color

In a RGB color space, hex #949fb5 is composed of 58% red, 62.4% green and 71% blue. Whereas in a CMYK color space, it is composed of 18.2% cyan, 12.2% magenta, 0% yellow and 29% black. It has a hue angle of 220 degrees, a saturation of 18.2% and a lightness of 64.5%. #949fb5 color hex could be obtained by blending #ffffff with #293f6b. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 58
- G 62
- B 71
RGB color chart
- C 18
- M 12
- Y 0
- K 29
CMYK color chart

● #949fb5 color description : Grayish blue.

The hexadecimal color #949fb5 has RGB values of R:148, G:159, B:181 and CMYK values of C:0.18, M:0.12, Y:0, K:0.29. Its decimal value is 9740213.

Hex triplet	949fb5	`#949fb5`
RGB Decimal	148, 159, 181	`rgb(148,159,181)`
RGB Percent	58, 62.4, 71	`rgb(58%,62.4%,71%)`
CMYK	18, 12, 0, 29
HSL	220°, 18.2, 64.5	`hsl(220,18.2%,64.5%)`
HSV (or HSB)	220°, 18.2, 71
Web Safe	9999cc	`#9999cc`

CIE-LAB	65.301, 0.808, -12.697
XYZ	32.95, 34.428, 48.623
xyY	0.284, 0.297, 34.428
CIE-LCH	65.301, 12.722, 273.643
CIE-LUV	65.301, -7.017, -19.236
Hunter-Lab	58.675, -2.443, -8.059
Binary	10010100, 10011111, 10110101

#949fb5
```
#949fb5 rgb(148,159,181)
```
#b5aa94
```
#b5aa94 rgb(181,170,148)
```

Complementary Color

#94b0b5
```
#94b0b5 rgb(148,176,181)
```
#949fb5
```
#949fb5 rgb(148,159,181)
```
#9a94b5
```
#9a94b5 rgb(154,148,181)
```

Analogous Color

#b0b594
```
#b0b594 rgb(176,181,148)
```
#949fb5
```
#949fb5 rgb(148,159,181)
```
#b59a94
```
#b59a94 rgb(181,154,148)
```

Split Complementary Color

#9fb594
```
#9fb594 rgb(159,181,148)
```
#949fb5
```
#949fb5 rgb(148,159,181)
```
#b5949f
```
#b5949f rgb(181,148,159)
```

Triadic Color

#94b5aa
```
#94b5aa rgb(148,181,170)
```
#949fb5
```
#949fb5 rgb(148,159,181)
```
#b5949f
```
#b5949f rgb(181,148,159)
```
#b5aa94
```
#b5aa94 rgb(181,170,148)
```

Tetradic Color

#677795
```
#677795 rgb(103,119,149)
```
#7684a0
```
#7684a0 rgb(118,132,160)
```
#8591ab
```
#8591ab rgb(133,145,171)
```
#949fb5
```
#949fb5 rgb(148,159,181)
```
#a3adbf
```
#a3adbf rgb(163,173,191)
```
#b2baca
```
#b2baca rgb(178,186,202)
```
#c1c8d4
```
#c1c8d4 rgb(193,200,212)
```

Monochromatic Color

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

#94a7b5
```
#94a7b5 rgb(148,167,181)
```
#94a5b5
```
#94a5b5 rgb(148,165,181)
```
#94a2b5
```
#94a2b5 rgb(148,162,181)
```
#949fb5
```
#949fb5 rgb(148,159,181)
```
#949cb5
```
#949cb5 rgb(148,156,181)
```
#949ab5
```
#949ab5 rgb(148,154,181)
```
#9497b5
```
#9497b5 rgb(148,151,181)
```

Similar Colors

Text with hexadecimal color #949fb5

This text has a font color of #949fb5.

<span style="color:#949fb5;">Text here</span>

#949fb5 background color

This paragraph has a background color of #949fb5.

<p style="background-color:#949fb5;">Content here</p>

#949fb5 border color

This element has a border color of #949fb5.

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

CSS codes

.text {color:#949fb5;}

.background {background-color:#949fb5;}

.border {border:1px solid #949fb5;}

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

#060709
```
#060709 rgb(6,7,9)
```
#0e1015
```
#0e1015 rgb(14,16,21)
```
#161a20
```
#161a20 rgb(22,26,32)
```
#1e232c
```
#1e232c rgb(30,35,44)
```
#262c37
```
#262c37 rgb(38,44,55)
```
#2e3543
```
#2e3543 rgb(46,53,67)
```
#363e4f
```
#363e4f rgb(54,62,79)
```
#3e485a
```
#3e485a rgb(62,72,90)
```
#465166
```
#465166 rgb(70,81,102)
```
#4e5a71
```
#4e5a71 rgb(78,90,113)
```
#56637d
```
#56637d rgb(86,99,125)
```
#5e6c89
```
#5e6c89 rgb(94,108,137)
```
#667694
```
#667694 rgb(102,118,148)
```

Shade Color Variation

#71809d
```
#71809d rgb(113,128,157)
```
#7d8aa5
```
#7d8aa5 rgb(125,138,165)
```
#8895ad
```
#8895ad rgb(136,149,173)
```
#949fb5
```
#949fb5 rgb(148,159,181)
```
#a0a9bd
```
#a0a9bd rgb(160,169,189)
```
#abb4c5
```
#abb4c5 rgb(171,180,197)
```
#b7becd
```
#b7becd rgb(183,190,205)
```
#c2c9d5
```
#c2c9d5 rgb(194,201,213)
```
#ced3dd
```
#ced3dd rgb(206,211,221)
```
#dadde5
```
#dadde5 rgb(218,221,229)
```
#e5e8ed
```
#e5e8ed rgb(229,232,237)
```
#f1f2f5
```
#f1f2f5 rgb(241,242,245)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

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

#a2a4a7
```
#a2a4a7 rgb(162,164,167)
```
#9ba1ae
```
#9ba1ae rgb(155,161,174)
```
#949fb5
```
#949fb5 rgb(148,159,181)
```
#8d9dbc
```
#8d9dbc rgb(141,157,188)
```
#869ac3
```
#869ac3 rgb(134,154,195)
```
#7f98ca
```
#7f98ca rgb(127,152,202)
```
#7896d1
```
#7896d1 rgb(120,150,209)
```
#7193d8
```
#7193d8 rgb(113,147,216)
```
#6a91df
```
#6a91df rgb(106,145,223)
```
#638fe6
```
#638fe6 rgb(99,143,230)
```
#5c8ced
```
#5c8ced rgb(92,140,237)
```
#558af4
```
#558af4 rgb(85,138,244)
```
#4e88fb
```
#4e88fb rgb(78,136,251)
```

Tone Color Variation

Below, you can see how #949fb5 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

#9e9e9e Achromatopsia 0.005% of the population
#9c9ea3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9fa2b7 Protanopia 1% of men
#a79fba Deuteranopia 1% of men
#97a5b1 Tritanopia 0.001% of the population

Trichromacy

#9ba1b6 Protanomaly 1% of men, 0.01% of women
#a09fb8 Deuteranomaly 6% of men, 0.4% of women
#96a3b2 Tritanomaly 0.01% of the population

#949fb5 hex color

#949fb5 Color Information

#949fb5 Color Conversion

Color Schemes with #949fb5

Alternatives to #949fb5

#949fb5 Preview

Shades and Tints of #949fb5

Tones of #949fb5

Color Blindness Simulator