#949bd4 hex color

In a RGB color space, hex #949bd4 is composed of 58% red, 60.8% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 30.2% cyan, 26.9% magenta, 0% yellow and 16.9% black. It has a hue angle of 233.4 degrees, a saturation of 42.7% and a lightness of 70.6%. #949bd4 color hex could be obtained by blending #ffffff with #2937a9. Closest websafe color is: #9999cc.

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

● #949bd4 color description : Slightly desaturated blue.

The hexadecimal color #949bd4 has RGB values of R:148, G:155, B:212 and CMYK values of C:0.3, M:0.27, Y:0, K:0.17. Its decimal value is 9739220.

Hex triplet	949bd4	`#949bd4`
RGB Decimal	148, 155, 212	`rgb(148,155,212)`
RGB Percent	58, 60.8, 83.1	`rgb(58%,60.8%,83.1%)`
CMYK	30, 27, 0, 17
HSL	233.4°, 42.7, 70.6	`hsl(233.4,42.7%,70.6%)`
HSV (or HSB)	233.4°, 30.2, 83.1
Web Safe	9999cc	`#9999cc`

CIE-LAB	65.351, 10.494, -29.898
XYZ	35.815, 34.491, 67.054
xyY	0.261, 0.251, 34.491
CIE-LCH	65.351, 31.686, 289.341
CIE-LUV	65.351, -6.733, -48.277
Hunter-Lab	58.729, 6.08, -26.584
Binary	10010100, 10011011, 11010100

#949bd4
```
#949bd4 rgb(148,155,212)
```
#d4cd94
```
#d4cd94 rgb(212,205,148)
```

Complementary Color

#94bbd4
```
#94bbd4 rgb(148,187,212)
```
#949bd4
```
#949bd4 rgb(148,155,212)
```
#ad94d4
```
#ad94d4 rgb(173,148,212)
```

Analogous Color

#bbd494
```
#bbd494 rgb(187,212,148)
```
#949bd4
```
#949bd4 rgb(148,155,212)
```
#d4ad94
```
#d4ad94 rgb(212,173,148)
```

Split Complementary Color

#9bd494
```
#9bd494 rgb(155,212,148)
```
#949bd4
```
#949bd4 rgb(148,155,212)
```
#d4949b
```
#d4949b rgb(212,148,155)
```

Triadic Color

#94d4cd
```
#94d4cd rgb(148,212,205)
```
#949bd4
```
#949bd4 rgb(148,155,212)
```
#d4949b
```
#d4949b rgb(212,148,155)
```
#d4cd94
```
#d4cd94 rgb(212,205,148)
```

Tetradic Color

#5d68be
```
#5d68be rgb(93,104,190)
```
#7079c5
```
#7079c5 rgb(112,121,197)
```
#828acd
```
#828acd rgb(130,138,205)
```
#949bd4
```
#949bd4 rgb(148,155,212)
```
#a6acdb
```
#a6acdb rgb(166,172,219)
```
#b8bde3
```
#b8bde3 rgb(184,189,227)
```
#cbceea
```
#cbceea rgb(203,206,234)
```

Monochromatic Color

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

#94abd4
```
#94abd4 rgb(148,171,212)
```
#94a6d4
```
#94a6d4 rgb(148,166,212)
```
#94a0d4
```
#94a0d4 rgb(148,160,212)
```
#949bd4
```
#949bd4 rgb(148,155,212)
```
#9496d4
```
#9496d4 rgb(148,150,212)
```
#9894d4
```
#9894d4 rgb(152,148,212)
```
#9d94d4
```
#9d94d4 rgb(157,148,212)
```

Similar Colors

Text with hexadecimal color #949bd4

This text has a font color of #949bd4.

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

#949bd4 background color

This paragraph has a background color of #949bd4.

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

#949bd4 border color

This element has a border color of #949bd4.

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

CSS codes

.text {color:#949bd4;}

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

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

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

#020205
```
#020205 rgb(2,2,5)
```
#080913
```
#080913 rgb(8,9,19)
```
#0d0f21
```
#0d0f21 rgb(13,15,33)
```
#13162f
```
#13162f rgb(19,22,47)
```
#181c3d
```
#181c3d rgb(24,28,61)
```
#1e234b
```
#1e234b rgb(30,35,75)
```
#242a59
```
#242a59 rgb(36,42,89)
```
#293067
```
#293067 rgb(41,48,103)
```
#2f3775
```
#2f3775 rgb(47,55,117)
```
#353d83
```
#353d83 rgb(53,61,131)
```
#3a4491
```
#3a4491 rgb(58,68,145)
```
#404a9f
```
#404a9f rgb(64,74,159)
```
#4551ad
```
#4551ad rgb(69,81,173)
```

Shade Color Variation

#4e5ab8
```
#4e5ab8 rgb(78,90,184)
```
#5c67be
```
#5c67be rgb(92,103,190)
```
#6a74c3
```
#6a74c3 rgb(106,116,195)
```
#7881c9
```
#7881c9 rgb(120,129,201)
```
#868ece
```
#868ece rgb(134,142,206)
```
#949bd4
```
#949bd4 rgb(148,155,212)
```
#a2a8da
```
#a2a8da rgb(162,168,218)
```
#b0b5df
```
#b0b5df rgb(176,181,223)
```
#bec2e5
```
#bec2e5 rgb(190,194,229)
```
#cccfea
```
#cccfea rgb(204,207,234)
```
#dadcf0
```
#dadcf0 rgb(218,220,240)
```
#e8e9f6
```
#e8e9f6 rgb(232,233,246)
```
#f6f7fb
```
#f6f7fb rgb(246,247,251)
```

Tint Color Variation

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

#b1b2b7
```
#b1b2b7 rgb(177,178,183)
```
#abadbd
```
#abadbd rgb(171,173,189)
```
#a5a9c3
```
#a5a9c3 rgb(165,169,195)
```
#a0a4c8
```
#a0a4c8 rgb(160,164,200)
```
#9aa0ce
```
#9aa0ce rgb(154,160,206)
```
#949bd4
```
#949bd4 rgb(148,155,212)
```
#8e96da
```
#8e96da rgb(142,150,218)
```
#8892e0
```
#8892e0 rgb(136,146,224)
```
#838de5
```
#838de5 rgb(131,141,229)
```
#7d89eb
```
#7d89eb rgb(125,137,235)
```
#7784f1
```
#7784f1 rgb(119,132,241)
```
#7180f7
```
#7180f7 rgb(113,128,247)
```
#6c7bfc
```
#6c7bfc rgb(108,123,252)
```

Tone Color Variation

Below, you can see how #949bd4 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
#9d9eaa Atypical Achromatopsia 0.001% of the population

Dichromacy

#93a1d7 Protanopia 1% of men
#95a1d5 Deuteranopia 1% of men
#90a7b3 Tritanopia 0.001% of the population

Trichromacy

#939fd6 Protanomaly 1% of men, 0.01% of women
#949fd5 Deuteranomaly 6% of men, 0.4% of women
#91a2bf Tritanomaly 0.01% of the population

#949bd4 hex color

#949bd4 Color Information

#949bd4 Color Conversion

Color Schemes with #949bd4

Alternatives to #949bd4

#949bd4 Preview

Shades and Tints of #949bd4

Tones of #949bd4

Color Blindness Simulator