#949cb3 hex color

In a RGB color space, hex #949cb3 is composed of 58% red, 61.2% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 17.3% cyan, 12.8% magenta, 0% yellow and 29.8% black. It has a hue angle of 224.5 degrees, a saturation of 16.9% and a lightness of 64.1%. #949cb3 color hex could be obtained by blending #ffffff with #293967. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 58
- G 61
- B 70
RGB color chart
- C 17
- M 13
- Y 0
- K 30
CMYK color chart

● #949cb3 color description : Grayish blue.

The hexadecimal color #949cb3 has RGB values of R:148, G:156, B:179 and CMYK values of C:0.17, M:0.13, Y:0, K:0.3. Its decimal value is 9739443.

Hex triplet	949cb3	`#949cb3`
RGB Decimal	148, 156, 179	`rgb(148,156,179)`
RGB Percent	58, 61.2, 70.2	`rgb(58%,61.2%,70.2%)`
CMYK	17, 13, 0, 30
HSL	224.5°, 16.9, 64.1	`hsl(224.5,16.9%,64.1%)`
HSV (or HSB)	224.5°, 17.3, 70.2
Web Safe	9999cc	`#9999cc`

CIE-LAB	64.425, 2.03, -12.893
XYZ	32.236, 33.327, 47.38
xyY	0.285, 0.295, 33.327
CIE-LCH	64.425, 13.052, 278.95
CIE-LUV	64.425, -5.533, -19.683
Hunter-Lab	57.73, -1.352, -8.25
Binary	10010100, 10011100, 10110011

#949cb3
```
#949cb3 rgb(148,156,179)
```
#b3ab94
```
#b3ab94 rgb(179,171,148)
```

Complementary Color

#94acb3
```
#94acb3 rgb(148,172,179)
```
#949cb3
```
#949cb3 rgb(148,156,179)
```
#9c94b3
```
#9c94b3 rgb(156,148,179)
```

Analogous Color

#acb394
```
#acb394 rgb(172,179,148)
```
#949cb3
```
#949cb3 rgb(148,156,179)
```
#b39c94
```
#b39c94 rgb(179,156,148)
```

Split Complementary Color

#9cb394
```
#9cb394 rgb(156,179,148)
```
#949cb3
```
#949cb3 rgb(148,156,179)
```
#b3949c
```
#b3949c rgb(179,148,156)
```

Triadic Color

#94b3ab
```
#94b3ab rgb(148,179,171)
```
#949cb3
```
#949cb3 rgb(148,156,179)
```
#b3949c
```
#b3949c rgb(179,148,156)
```
#b3ab94
```
#b3ab94 rgb(179,171,148)
```

Tetradic Color

#687392
```
#687392 rgb(104,115,146)
```
#76809e
```
#76809e rgb(118,128,158)
```
#858ea8
```
#858ea8 rgb(133,142,168)
```
#949cb3
```
#949cb3 rgb(148,156,179)
```
#a3aabe
```
#a3aabe rgb(163,170,190)
```
#b2b8c8
```
#b2b8c8 rgb(178,184,200)
```
#c1c5d3
```
#c1c5d3 rgb(193,197,211)
```

Monochromatic Color

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

#94a4b3
```
#94a4b3 rgb(148,164,179)
```
#94a1b3
```
#94a1b3 rgb(148,161,179)
```
#949fb3
```
#949fb3 rgb(148,159,179)
```
#949cb3
```
#949cb3 rgb(148,156,179)
```
#9499b3
```
#9499b3 rgb(148,153,179)
```
#9497b3
```
#9497b3 rgb(148,151,179)
```
#9494b3
```
#9494b3 rgb(148,148,179)
```

Similar Colors

Text with hexadecimal color #949cb3

This text has a font color of #949cb3.

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

#949cb3 background color

This paragraph has a background color of #949cb3.

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

#949cb3 border color

This element has a border color of #949cb3.

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

CSS codes

.text {color:#949cb3;}

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

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

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

#050608
```
#050608 rgb(5,6,8)
```
#0e0f13
```
#0e0f13 rgb(14,15,19)
```
#16181f
```
#16181f rgb(22,24,31)
```
#1e212a
```
#1e212a rgb(30,33,42)
```
#262a36
```
#262a36 rgb(38,42,54)
```
#2e3341
```
#2e3341 rgb(46,51,65)
```
#363c4d
```
#363c4d rgb(54,60,77)
```
#3e4558
```
#3e4558 rgb(62,69,88)
```
#474e63
```
#474e63 rgb(71,78,99)
```
#4f576f
```
#4f576f rgb(79,87,111)
```
#57607a
```
#57607a rgb(87,96,122)
```
#5f6986
```
#5f6986 rgb(95,105,134)
```
#677291
```
#677291 rgb(103,114,145)
```

Shade Color Variation

#727c9b
```
#727c9b rgb(114,124,155)
```
#7d87a3
```
#7d87a3 rgb(125,135,163)
```
#8991ab
```
#8991ab rgb(137,145,171)
```
#949cb3
```
#949cb3 rgb(148,156,179)
```
#9fa7bb
```
#9fa7bb rgb(159,167,187)
```
#abb1c3
```
#abb1c3 rgb(171,177,195)
```
#b6bccb
```
#b6bccb rgb(182,188,203)
```
#c2c6d4
```
#c2c6d4 rgb(194,198,212)
```
#cdd1dc
```
#cdd1dc rgb(205,209,220)
```
#d9dce4
```
#d9dce4 rgb(217,220,228)
```
#e4e6ec
```
#e4e6ec rgb(228,230,236)
```
#f0f1f4
```
#f0f1f4 rgb(240,241,244)
```
#fbfcfc
```
#fbfcfc rgb(251,252,252)
```

Tint Color Variation

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

#a2a3a5
```
#a2a3a5 rgb(162,163,165)
```
#9b9fac
```
#9b9fac rgb(155,159,172)
```
#949cb3
```
#949cb3 rgb(148,156,179)
```
#8d99ba
```
#8d99ba rgb(141,153,186)
```
#8695c1
```
#8695c1 rgb(134,149,193)
```
#7f92c8
```
#7f92c8 rgb(127,146,200)
```
#788ecf
```
#788ecf rgb(120,142,207)
```
#718bd6
```
#718bd6 rgb(113,139,214)
```
#6a88dd
```
#6a88dd rgb(106,136,221)
```
#6384e4
```
#6384e4 rgb(99,132,228)
```
#5c81eb
```
#5c81eb rgb(92,129,235)
```
#557df2
```
#557df2 rgb(85,125,242)
```
#4e7af9
```
#4e7af9 rgb(78,122,249)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#9a9ca1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9da0b6 Protanopia 1% of men
#a49db8 Deuteranopia 1% of men
#97a2ae Tritanopia 0.001% of the population

Trichromacy

#999eb5 Protanomaly 1% of men, 0.01% of women
#9e9db6 Deuteranomaly 6% of men, 0.4% of women
#96a0b0 Tritanomaly 0.01% of the population

#949cb3 hex color

#949cb3 Color Information

#949cb3 Color Conversion

Color Schemes with #949cb3

Alternatives to #949cb3

#949cb3 Preview

Shades and Tints of #949cb3

Tones of #949cb3

Color Blindness Simulator