#949bac hex color

In a RGB color space, hex #949bac is composed of 58% red, 60.8% green and 67.5% blue. Whereas in a CMYK color space, it is composed of 14% cyan, 9.9% magenta, 0% yellow and 32.5% black. It has a hue angle of 222.5 degrees, a saturation of 12.6% and a lightness of 62.7%. #949bac color hex could be obtained by blending #ffffff with #293759. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 58
- G 61
- B 67
RGB color chart
- C 14
- M 10
- Y 0
- K 33
CMYK color chart

● #949bac color description : Dark grayish blue.

The hexadecimal color #949bac has RGB values of R:148, G:155, B:172 and CMYK values of C:0.14, M:0.1, Y:0, K:0.33. Its decimal value is 9739180.

Hex triplet	949bac	`#949bac`
RGB Decimal	148, 155, 172	`rgb(148,155,172)`
RGB Percent	58, 60.8, 67.5	`rgb(58%,60.8%,67.5%)`
CMYK	14, 10, 0, 33
HSL	222.5°, 12.6, 62.7	`hsl(222.5,12.6%,62.7%)`
HSV (or HSB)	222.5°, 14, 67.5
Web Safe	999999	`#999999`

CIE-LAB	63.931, 1.041, -9.703
XYZ	31.379, 32.717, 43.689
xyY	0.291, 0.304, 32.717
CIE-LCH	63.931, 9.758, 276.122
CIE-LUV	63.931, -4.724, -14.588
Hunter-Lab	57.199, -2.173, -5.248
Binary	10010100, 10011011, 10101100

#949bac
```
#949bac rgb(148,155,172)
```
#aca594
```
#aca594 rgb(172,165,148)
```

Complementary Color

#94a7ac
```
#94a7ac rgb(148,167,172)
```
#949bac
```
#949bac rgb(148,155,172)
```
#9994ac
```
#9994ac rgb(153,148,172)
```

Analogous Color

#a7ac94
```
#a7ac94 rgb(167,172,148)
```
#949bac
```
#949bac rgb(148,155,172)
```
#ac9994
```
#ac9994 rgb(172,153,148)
```

Split Complementary Color

#9bac94
```
#9bac94 rgb(155,172,148)
```
#949bac
```
#949bac rgb(148,155,172)
```
#ac949b
```
#ac949b rgb(172,148,155)
```

Triadic Color

#94aca5
```
#94aca5 rgb(148,172,165)
```
#949bac
```
#949bac rgb(148,155,172)
```
#ac949b
```
#ac949b rgb(172,148,155)
```
#aca594
```
#aca594 rgb(172,165,148)
```

Tetradic Color

#6a7389
```
#6a7389 rgb(106,115,137)
```
#778096
```
#778096 rgb(119,128,150)
```
#868ea1
```
#868ea1 rgb(134,142,161)
```
#949bac
```
#949bac rgb(148,155,172)
```
#a2a8b7
```
#a2a8b7 rgb(162,168,183)
```
#b1b6c2
```
#b1b6c2 rgb(177,182,194)
```
#bfc3cd
```
#bfc3cd rgb(191,195,205)
```

Monochromatic Color

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

#94a1ac
```
#94a1ac rgb(148,161,172)
```
#949fac
```
#949fac rgb(148,159,172)
```
#949dac
```
#949dac rgb(148,157,172)
```
#949bac
```
#949bac rgb(148,155,172)
```
#9499ac
```
#9499ac rgb(148,153,172)
```
#9497ac
```
#9497ac rgb(148,151,172)
```
#9495ac
```
#9495ac rgb(148,149,172)
```

Similar Colors

Text with hexadecimal color #949bac

This text has a font color of #949bac.

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

#949bac background color

This paragraph has a background color of #949bac.

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

#949bac border color

This element has a border color of #949bac.

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

CSS codes

.text {color:#949bac;}

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

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

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

#030303
```
#030303 rgb(3,3,3)
```
#0b0c0f
```
#0b0c0f rgb(11,12,15)
```
#14151a
```
#14151a rgb(20,21,26)
```
#1c1f25
```
#1c1f25 rgb(28,31,37)
```
#252830
```
#252830 rgb(37,40,48)
```
#2e313b
```
#2e313b rgb(46,49,59)
```
#363b46
```
#363b46 rgb(54,59,70)
```
#3f4451
```
#3f4451 rgb(63,68,81)
```
#474d5c
```
#474d5c rgb(71,77,92)
```
#505767
```
#505767 rgb(80,87,103)
```
#586072
```
#586072 rgb(88,96,114)
```
#61697d
```
#61697d rgb(97,105,125)
```
#6a7288
```
#6a7288 rgb(106,114,136)
```

Shade Color Variation

#737c92
```
#737c92 rgb(115,124,146)
```
#7e869b
```
#7e869b rgb(126,134,155)
```
#8991a3
```
#8991a3 rgb(137,145,163)
```
#949bac
```
#949bac rgb(148,155,172)
```
#9fa5b5
```
#9fa5b5 rgb(159,165,181)
```
#aab0bd
```
#aab0bd rgb(170,176,189)
```
#b5bac6
```
#b5bac6 rgb(181,186,198)
```
#c0c4ce
```
#c0c4ce rgb(192,196,206)
```
#cbcfd7
```
#cbcfd7 rgb(203,207,215)
```
#d6d9df
```
#d6d9df rgb(214,217,223)
```
#e1e3e8
```
#e1e3e8 rgb(225,227,232)
```
#eceef1
```
#eceef1 rgb(236,238,241)
```
#f7f8f9
```
#f7f8f9 rgb(247,248,249)
```

Tint Color Variation

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

#9b9ea5
```
#9b9ea5 rgb(155,158,165)
```
#949bac
```
#949bac rgb(148,155,172)
```
#8d98b3
```
#8d98b3 rgb(141,152,179)
```
#8595bb
```
#8595bb rgb(133,149,187)
```
#7e92c2
```
#7e92c2 rgb(126,146,194)
```
#778fc9
```
#778fc9 rgb(119,143,201)
```
#6f8cd1
```
#6f8cd1 rgb(111,140,209)
```
#6889d8
```
#6889d8 rgb(104,137,216)
```
#6186df
```
#6186df rgb(97,134,223)
```
#5a83e6
```
#5a83e6 rgb(90,131,230)
```
#5280ee
```
#5280ee rgb(82,128,238)
```
#4b7df5
```
#4b7df5 rgb(75,125,245)
```
#447afc
```
#447afc rgb(68,122,252)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#9a9b9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d9faf Protanopia 1% of men
#a69cb1 Deuteranopia 1% of men
#98a0ac Tritanopia 0.001% of the population

Trichromacy

#9a9dae Protanomaly 1% of men, 0.01% of women
#9f9baf Deuteranomaly 6% of men, 0.4% of women
#979eac Tritanomaly 0.01% of the population

#949bac hex color

#949bac Color Information

#949bac Color Conversion

Color Schemes with #949bac

Alternatives to #949bac

#949bac Preview

Shades and Tints of #949bac

Tones of #949bac

Color Blindness Simulator