#949eb9 hex color

In a RGB color space, hex #949eb9 is composed of 58% red, 62% green and 72.5% blue. Whereas in a CMYK color space, it is composed of 20% cyan, 14.6% magenta, 0% yellow and 27.5% black. It has a hue angle of 223.8 degrees, a saturation of 20.9% and a lightness of 65.3%. #949eb9 color hex could be obtained by blending #ffffff with #293d73. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 58
- G 62
- B 73
RGB color chart
- C 20
- M 15
- Y 0
- K 27
CMYK color chart

● #949eb9 color description : Grayish blue.

The hexadecimal color #949eb9 has RGB values of R:148, G:158, B:185 and CMYK values of C:0.2, M:0.15, Y:0, K:0.27. Its decimal value is 9739961.

Hex triplet	949eb9	`#949eb9`
RGB Decimal	148, 158, 185	`rgb(148,158,185)`
RGB Percent	58, 62, 72.5	`rgb(58%,62%,72.5%)`
CMYK	20, 15, 0, 27
HSL	223.8°, 20.9, 65.3	`hsl(223.8,20.9%,65.3%)`
HSV (or HSB)	223.8°, 20, 72.5
Web Safe	9999cc	`#9999cc`

CIE-LAB	65.162, 2.275, -15.142
XYZ	33.195, 34.252, 50.759
xyY	0.281, 0.29, 34.252
CIE-LCH	65.162, 15.312, 278.546
CIE-LUV	65.162, -6.736, -23.28
Hunter-Lab	58.525, -1.176, -10.454
Binary	10010100, 10011110, 10111001

#949eb9
```
#949eb9 rgb(148,158,185)
```
#b9af94
```
#b9af94 rgb(185,175,148)
```

Complementary Color

#94b1b9
```
#94b1b9 rgb(148,177,185)
```
#949eb9
```
#949eb9 rgb(148,158,185)
```
#9d94b9
```
#9d94b9 rgb(157,148,185)
```

Analogous Color

#b1b994
```
#b1b994 rgb(177,185,148)
```
#949eb9
```
#949eb9 rgb(148,158,185)
```
#b99d94
```
#b99d94 rgb(185,157,148)
```

Split Complementary Color

#9eb994
```
#9eb994 rgb(158,185,148)
```
#949eb9
```
#949eb9 rgb(148,158,185)
```
#b9949e
```
#b9949e rgb(185,148,158)
```

Triadic Color

#94b9af
```
#94b9af rgb(148,185,175)
```
#949eb9
```
#949eb9 rgb(148,158,185)
```
#b9949e
```
#b9949e rgb(185,148,158)
```
#b9af94
```
#b9af94 rgb(185,175,148)
```

Tetradic Color

#66749b
```
#66749b rgb(102,116,155)
```
#7582a5
```
#7582a5 rgb(117,130,165)
```
#8590af
```
#8590af rgb(133,144,175)
```
#949eb9
```
#949eb9 rgb(148,158,185)
```
#a3acc3
```
#a3acc3 rgb(163,172,195)
```
#b3bacd
```
#b3bacd rgb(179,186,205)
```
#c2c8d7
```
#c2c8d7 rgb(194,200,215)
```

Monochromatic Color

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

#94a7b9
```
#94a7b9 rgb(148,167,185)
```
#94a4b9
```
#94a4b9 rgb(148,164,185)
```
#94a1b9
```
#94a1b9 rgb(148,161,185)
```
#949eb9
```
#949eb9 rgb(148,158,185)
```
#949bb9
```
#949bb9 rgb(148,155,185)
```
#9498b9
```
#9498b9 rgb(148,152,185)
```
#9495b9
```
#9495b9 rgb(148,149,185)
```

Similar Colors

Text with hexadecimal color #949eb9

This text has a font color of #949eb9.

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

#949eb9 background color

This paragraph has a background color of #949eb9.

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

#949eb9 border color

This element has a border color of #949eb9.

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

CSS codes

.text {color:#949eb9;}

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

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

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, #08090c is the darkest color, while #ffffff is the lightest one.

#08090c
```
#08090c rgb(8,9,12)
```
#0f1217
```
#0f1217 rgb(15,18,23)
```
#171a23
```
#171a23 rgb(23,26,35)
```
#1f232f
```
#1f232f rgb(31,35,47)
```
#272c3b
```
#272c3b rgb(39,44,59)
```
#2e3547
```
#2e3547 rgb(46,53,71)
```
#363e53
```
#363e53 rgb(54,62,83)
```
#3e475f
```
#3e475f rgb(62,71,95)
```
#46506a
```
#46506a rgb(70,80,106)
```
#4d5876
```
#4d5876 rgb(77,88,118)
```
#556182
```
#556182 rgb(85,97,130)
```
#5d6a8e
```
#5d6a8e rgb(93,106,142)
```
#65739a
```
#65739a rgb(101,115,154)
```

Shade Color Variation

#707ea2
```
#707ea2 rgb(112,126,162)
```
#7c89a9
```
#7c89a9 rgb(124,137,169)
```
#8893b1
```
#8893b1 rgb(136,147,177)
```
#949eb9
```
#949eb9 rgb(148,158,185)
```
#a0a9c1
```
#a0a9c1 rgb(160,169,193)
```
#acb3c9
```
#acb3c9 rgb(172,179,201)
```
#b8bed0
```
#b8bed0 rgb(184,190,208)
```
#c3c9d8
```
#c3c9d8 rgb(195,201,216)
```
#cfd4e0
```
#cfd4e0 rgb(207,212,224)
```
#dbdee8
```
#dbdee8 rgb(219,222,232)
```
#e7e9ef
```
#e7e9ef rgb(231,233,239)
```
#f3f4f7
```
#f3f4f7 rgb(243,244,247)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#a2a4ab
```
#a2a4ab rgb(162,164,171)
```
#9ba1b2
```
#9ba1b2 rgb(155,161,178)
```
#949eb9
```
#949eb9 rgb(148,158,185)
```
#8d9bc0
```
#8d9bc0 rgb(141,155,192)
```
#8698c7
```
#8698c7 rgb(134,152,199)
```
#8095cd
```
#8095cd rgb(128,149,205)
```
#7991d4
```
#7991d4 rgb(121,145,212)
```
#728edb
```
#728edb rgb(114,142,219)
```
#6b8be2
```
#6b8be2 rgb(107,139,226)
```
#6488e9
```
#6488e9 rgb(100,136,233)
```
#5e85ef
```
#5e85ef rgb(94,133,239)
```
#5782f6
```
#5782f6 rgb(87,130,246)
```
#507ffd
```
#507ffd rgb(80,127,253)
```

Tone Color Variation

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

#9da1bb Protanopia 1% of men
#a49fbd Deuteranopia 1% of men
#96a5b0 Tritanopia 0.001% of the population

Trichromacy

#9aa0ba Protanomaly 1% of men, 0.01% of women
#9e9fbc Deuteranomaly 6% of men, 0.4% of women
#95a2b3 Tritanomaly 0.01% of the population

#949eb9 hex color

#949eb9 Color Information

#949eb9 Color Conversion

Color Schemes with #949eb9

Alternatives to #949eb9

#949eb9 Preview

Shades and Tints of #949eb9

Tones of #949eb9

Color Blindness Simulator