#949fbd hex color

In a RGB color space, hex #949fbd is composed of 58% red, 62.4% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 21.7% cyan, 15.9% magenta, 0% yellow and 25.9% black. It has a hue angle of 223.9 degrees, a saturation of 23.7% and a lightness of 66.1%. #949fbd color hex could be obtained by blending #ffffff with #293f7b. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 58
- G 62
- B 74
RGB color chart
- C 22
- M 16
- Y 0
- K 26
CMYK color chart

● #949fbd color description : Grayish blue.

The hexadecimal color #949fbd has RGB values of R:148, G:159, B:189 and CMYK values of C:0.22, M:0.16, Y:0, K:0.26. Its decimal value is 9740221.

Hex triplet	949fbd	`#949fbd`
RGB Decimal	148, 159, 189	`rgb(148,159,189)`
RGB Percent	58, 62.4, 74.1	`rgb(58%,62.4%,74.1%)`
CMYK	22, 16, 0, 26
HSL	223.9°, 23.7, 66.1	`hsl(223.9,23.7%,66.1%)`
HSV (or HSB)	223.9°, 21.7, 74.1
Web Safe	9999cc	`#9999cc`

CIE-LAB	65.566, 2.642, -16.766
XYZ	33.794, 34.766, 53.071
xyY	0.278, 0.286, 34.766
CIE-LCH	65.566, 16.973, 278.955
CIE-LUV	65.566, -7.37, -25.925
Hunter-Lab	58.963, -0.877, -12.092
Binary	10010100, 10011111, 10111101

#949fbd
```
#949fbd rgb(148,159,189)
```
#bdb294
```
#bdb294 rgb(189,178,148)
```

Complementary Color

#94b4bd
```
#94b4bd rgb(148,180,189)
```
#949fbd
```
#949fbd rgb(148,159,189)
```
#9e94bd
```
#9e94bd rgb(158,148,189)
```

Analogous Color

#b4bd94
```
#b4bd94 rgb(180,189,148)
```
#949fbd
```
#949fbd rgb(148,159,189)
```
#bd9e94
```
#bd9e94 rgb(189,158,148)
```

Split Complementary Color

#9fbd94
```
#9fbd94 rgb(159,189,148)
```
#949fbd
```
#949fbd rgb(148,159,189)
```
#bd949f
```
#bd949f rgb(189,148,159)
```

Triadic Color

#94bdb2
```
#94bdb2 rgb(148,189,178)
```
#949fbd
```
#949fbd rgb(148,159,189)
```
#bd949f
```
#bd949f rgb(189,148,159)
```
#bdb294
```
#bdb294 rgb(189,178,148)
```

Tetradic Color

#6575a0
```
#6575a0 rgb(101,117,160)
```
#7483aa
```
#7483aa rgb(116,131,170)
```
#8491b3
```
#8491b3 rgb(132,145,179)
```
#949fbd
```
#949fbd rgb(148,159,189)
```
#a4adc7
```
#a4adc7 rgb(164,173,199)
```
#b4bbd0
```
#b4bbd0 rgb(180,187,208)
```
#c3c9da
```
#c3c9da rgb(195,201,218)
```

Monochromatic Color

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

#94a9bd
```
#94a9bd rgb(148,169,189)
```
#94a6bd
```
#94a6bd rgb(148,166,189)
```
#94a2bd
```
#94a2bd rgb(148,162,189)
```
#949fbd
```
#949fbd rgb(148,159,189)
```
#949cbd
```
#949cbd rgb(148,156,189)
```
#9498bd
```
#9498bd rgb(148,152,189)
```
#9495bd
```
#9495bd rgb(148,149,189)
```

Similar Colors

Text with hexadecimal color #949fbd

This text has a font color of #949fbd.

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

#949fbd background color

This paragraph has a background color of #949fbd.

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

#949fbd border color

This element has a border color of #949fbd.

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

CSS codes

.text {color:#949fbd;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#090a0e
```
#090a0e rgb(9,10,14)
```
#10131a
```
#10131a rgb(16,19,26)
```
#181c27
```
#181c27 rgb(24,28,39)
```
#1f2433
```
#1f2433 rgb(31,36,51)
```
#272d3f
```
#272d3f rgb(39,45,63)
```
#2e364b
```
#2e364b rgb(46,54,75)
```
#363f57
```
#363f57 rgb(54,63,87)
```
#3d4763
```
#3d4763 rgb(61,71,99)
```
#45506f
```
#45506f rgb(69,80,111)
```
#4c597c
```
#4c597c rgb(76,89,124)
```
#546288
```
#546288 rgb(84,98,136)
```
#5b6a94
```
#5b6a94 rgb(91,106,148)
```

Shade Color Variation

#63739f
```
#63739f rgb(99,115,159)
```
#707ea7
```
#707ea7 rgb(112,126,167)
```
#7c89ae
```
#7c89ae rgb(124,137,174)
```
#8894b6
```
#8894b6 rgb(136,148,182)
```
#949fbd
```
#949fbd rgb(148,159,189)
```
#a0aac4
```
#a0aac4 rgb(160,170,196)
```
#acb5cc
```
#acb5cc rgb(172,181,204)
```
#b8c0d3
```
#b8c0d3 rgb(184,192,211)
```
#c5cbdb
```
#c5cbdb rgb(197,203,219)
```
#d1d5e2
```
#d1d5e2 rgb(209,213,226)
```
#dde0ea
```
#dde0ea rgb(221,224,234)
```
#e9ebf1
```
#e9ebf1 rgb(233,235,241)
```
#f5f6f9
```
#f5f6f9 rgb(245,246,249)
```

Tint Color Variation

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

#a8a8a9
```
#a8a8a9 rgb(168,168,169)
```
#a1a5b0
```
#a1a5b0 rgb(161,165,176)
```
#9ba2b6
```
#9ba2b6 rgb(155,162,182)
```
#949fbd
```
#949fbd rgb(148,159,189)
```
#8d9cc4
```
#8d9cc4 rgb(141,156,196)
```
#8799ca
```
#8799ca rgb(135,153,202)
```
#8096d1
```
#8096d1 rgb(128,150,209)
```
#7993d8
```
#7993d8 rgb(121,147,216)
```
#7390de
```
#7390de rgb(115,144,222)
```
#6c8ce5
```
#6c8ce5 rgb(108,140,229)
```
#6589ec
```
#6589ec rgb(101,137,236)
```
#5f86f2
```
#5f86f2 rgb(95,134,242)
```
#5883f9
```
#5883f9 rgb(88,131,249)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#9d9fa5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9da2bf Protanopia 1% of men
#a4a0c1 Deuteranopia 1% of men
#96a6b2 Tritanopia 0.001% of the population

Trichromacy

#9aa1be Protanomaly 1% of men, 0.01% of women
#9ea0bf Deuteranomaly 6% of men, 0.4% of women
#95a3b6 Tritanomaly 0.01% of the population

#949fbd hex color

#949fbd Color Information

#949fbd Color Conversion

Color Schemes with #949fbd

Alternatives to #949fbd

#949fbd Preview

Shades and Tints of #949fbd

Tones of #949fbd

Color Blindness Simulator