#949ac4 hex color

In a RGB color space, hex #949ac4 is composed of 58% red, 60.4% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 24.5% cyan, 21.4% magenta, 0% yellow and 23.1% black. It has a hue angle of 232.5 degrees, a saturation of 28.9% and a lightness of 67.5%. #949ac4 color hex could be obtained by blending #ffffff with #293589. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 58
- G 60
- B 77
RGB color chart
- C 24
- M 21
- Y 0
- K 23
CMYK color chart

● #949ac4 color description : Grayish blue.

The hexadecimal color #949ac4 has RGB values of R:148, G:154, B:196 and CMYK values of C:0.24, M:0.21, Y:0, K:0.23. Its decimal value is 9738948.

Hex triplet	949ac4	`#949ac4`
RGB Decimal	148, 154, 196	`rgb(148,154,196)`
RGB Percent	58, 60.4, 76.9	`rgb(58%,60.4%,76.9%)`
CMYK	24, 21, 0, 23
HSL	232.5°, 28.9, 67.5	`hsl(232.5,28.9%,67.5%)`
HSV (or HSB)	232.5°, 24.5, 76.9
Web Safe	9999cc	`#9999cc`

CIE-LAB	64.477, 7.11, -22.331
XYZ	33.73, 33.392, 56.89
xyY	0.272, 0.269, 33.392
CIE-LCH	64.477, 23.436, 287.662
CIE-LUV	64.477, -5.481, -35.392
Hunter-Lab	57.786, 3.067, -17.92
Binary	10010100, 10011010, 11000100

#949ac4
```
#949ac4 rgb(148,154,196)
```
#c4be94
```
#c4be94 rgb(196,190,148)
```

Complementary Color

#94b2c4
```
#94b2c4 rgb(148,178,196)
```
#949ac4
```
#949ac4 rgb(148,154,196)
```
#a694c4
```
#a694c4 rgb(166,148,196)
```

Analogous Color

#b2c494
```
#b2c494 rgb(178,196,148)
```
#949ac4
```
#949ac4 rgb(148,154,196)
```
#c4a694
```
#c4a694 rgb(196,166,148)
```

Split Complementary Color

#9ac494
```
#9ac494 rgb(154,196,148)
```
#949ac4
```
#949ac4 rgb(148,154,196)
```
#c4949a
```
#c4949a rgb(196,148,154)
```

Triadic Color

#94c4be
```
#94c4be rgb(148,196,190)
```
#949ac4
```
#949ac4 rgb(148,154,196)
```
#c4949a
```
#c4949a rgb(196,148,154)
```
#c4be94
```
#c4be94 rgb(196,190,148)
```

Tetradic Color

#636ba9
```
#636ba9 rgb(99,107,169)
```
#737bb2
```
#737bb2 rgb(115,123,178)
```
#848abb
```
#848abb rgb(132,138,187)
```
#949ac4
```
#949ac4 rgb(148,154,196)
```
#a4aacd
```
#a4aacd rgb(164,170,205)
```
#b5b9d6
```
#b5b9d6 rgb(181,185,214)
```
#c5c9df
```
#c5c9df rgb(197,201,223)
```

Monochromatic Color

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

#94a6c4
```
#94a6c4 rgb(148,166,196)
```
#94a2c4
```
#94a2c4 rgb(148,162,196)
```
#949ec4
```
#949ec4 rgb(148,158,196)
```
#949ac4
```
#949ac4 rgb(148,154,196)
```
#9496c4
```
#9496c4 rgb(148,150,196)
```
#9694c4
```
#9694c4 rgb(150,148,196)
```
#9a94c4
```
#9a94c4 rgb(154,148,196)
```

Similar Colors

Text with hexadecimal color #949ac4

This text has a font color of #949ac4.

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

#949ac4 background color

This paragraph has a background color of #949ac4.

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

#949ac4 border color

This element has a border color of #949ac4.

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

CSS codes

.text {color:#949ac4;}

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

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

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

#040407
```
#040407 rgb(4,4,7)
```
#0b0c13
```
#0b0c13 rgb(11,12,19)
```
#121320
```
#121320 rgb(18,19,32)
```
#191b2d
```
#191b2d rgb(25,27,45)
```
#202339
```
#202339 rgb(32,35,57)
```
#272b46
```
#272b46 rgb(39,43,70)
```
#2e3253
```
#2e3253 rgb(46,50,83)
```
#353a5f
```
#353a5f rgb(53,58,95)
```
#3c426c
```
#3c426c rgb(60,66,108)
```
#424979
```
#424979 rgb(66,73,121)
```
#495185
```
#495185 rgb(73,81,133)
```
#505992
```
#505992 rgb(80,89,146)
```
#57609f
```
#57609f rgb(87,96,159)
```

Shade Color Variation

#616aa8
```
#616aa8 rgb(97,106,168)
```
#6e76af
```
#6e76af rgb(110,118,175)
```
#7b82b6
```
#7b82b6 rgb(123,130,182)
```
#878ebd
```
#878ebd rgb(135,142,189)
```
#949ac4
```
#949ac4 rgb(148,154,196)
```
#a1a6cb
```
#a1a6cb rgb(161,166,203)
```
#adb2d2
```
#adb2d2 rgb(173,178,210)
```
#babed9
```
#babed9 rgb(186,190,217)
```
#c7cae0
```
#c7cae0 rgb(199,202,224)
```
#d3d6e7
```
#d3d6e7 rgb(211,214,231)
```
#e0e2ee
```
#e0e2ee rgb(224,226,238)
```
#edeef5
```
#edeef5 rgb(237,238,245)
```
#f9f9fc
```
#f9f9fc rgb(249,249,252)
```

Tint Color Variation

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

#a7a8b1
```
#a7a8b1 rgb(167,168,177)
```
#a1a4b7
```
#a1a4b7 rgb(161,164,183)
```
#9a9fbe
```
#9a9fbe rgb(154,159,190)
```
#949ac4
```
#949ac4 rgb(148,154,196)
```
#8e95ca
```
#8e95ca rgb(142,149,202)
```
#8790d1
```
#8790d1 rgb(135,144,209)
```
#818cd7
```
#818cd7 rgb(129,140,215)
```
#7a87de
```
#7a87de rgb(122,135,222)
```
#7482e4
```
#7482e4 rgb(116,130,228)
```
#6e7dea
```
#6e7dea rgb(110,125,234)
```
#6778f1
```
#6778f1 rgb(103,120,241)
```
#6174f7
```
#6174f7 rgb(97,116,247)
```
#5b6ffd
```
#5b6ffd rgb(91,111,253)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#9b9ca5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#979fc7 Protanopia 1% of men
#9b9ec7 Deuteranopia 1% of men
#93a3af Tritanopia 0.001% of the population

Trichromacy

#959dc6 Protanomaly 1% of men, 0.01% of women
#989cc6 Deuteranomaly 6% of men, 0.4% of women
#93a0b6 Tritanomaly 0.01% of the population

#949ac4 hex color

#949ac4 Color Information

#949ac4 Color Conversion

Color Schemes with #949ac4

Alternatives to #949ac4

#949ac4 Preview

Shades and Tints of #949ac4

Tones of #949ac4

Color Blindness Simulator