#949cd3 hex color

In a RGB color space, hex #949cd3 is composed of 58% red, 61.2% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 29.9% cyan, 26.1% magenta, 0% yellow and 17.3% black. It has a hue angle of 232.4 degrees, a saturation of 41.7% and a lightness of 70.4%. #949cd3 color hex could be obtained by blending #ffffff with #2939a7. Closest websafe color is: #9999cc.

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

● #949cd3 color description : Slightly desaturated blue.

The hexadecimal color #949cd3 has RGB values of R:148, G:156, B:211 and CMYK values of C:0.3, M:0.26, Y:0, K:0.17. Its decimal value is 9739475.

Hex triplet	949cd3	`#949cd3`
RGB Decimal	148, 156, 211	`rgb(148,156,211)`
RGB Percent	58, 61.2, 82.7	`rgb(58%,61.2%,82.7%)`
CMYK	30, 26, 0, 17
HSL	232.4°, 41.7, 70.4	`hsl(232.4,41.7%,70.4%)`
HSV (or HSB)	232.4°, 29.9, 82.7
Web Safe	9999cc	`#9999cc`

CIE-LAB	65.573, 9.674, -28.999
XYZ	35.857, 34.775, 66.448
xyY	0.262, 0.254, 34.775
CIE-LCH	65.573, 30.57, 288.448
CIE-LUV	65.573, -7.1, -46.713
Hunter-Lab	58.971, 5.337, -25.528
Binary	10010100, 10011100, 11010011

#949cd3
```
#949cd3 rgb(148,156,211)
```
#d3cb94
```
#d3cb94 rgb(211,203,148)
```

Complementary Color

#94bcd3
```
#94bcd3 rgb(148,188,211)
```
#949cd3
```
#949cd3 rgb(148,156,211)
```
#ac94d3
```
#ac94d3 rgb(172,148,211)
```

Analogous Color

#bcd394
```
#bcd394 rgb(188,211,148)
```
#949cd3
```
#949cd3 rgb(148,156,211)
```
#d3ac94
```
#d3ac94 rgb(211,172,148)
```

Split Complementary Color

#9cd394
```
#9cd394 rgb(156,211,148)
```
#949cd3
```
#949cd3 rgb(148,156,211)
```
#d3949c
```
#d3949c rgb(211,148,156)
```

Triadic Color

#94d3cb
```
#94d3cb rgb(148,211,203)
```
#949cd3
```
#949cd3 rgb(148,156,211)
```
#d3949c
```
#d3949c rgb(211,148,156)
```
#d3cb94
```
#d3cb94 rgb(211,203,148)
```

Tetradic Color

#5e6abd
```
#5e6abd rgb(94,106,189)
```
#707bc4
```
#707bc4 rgb(112,123,196)
```
#828bcc
```
#828bcc rgb(130,139,204)
```
#949cd3
```
#949cd3 rgb(148,156,211)
```
#a6adda
```
#a6adda rgb(166,173,218)
```
#b8bde2
```
#b8bde2 rgb(184,189,226)
```
#cacee9
```
#cacee9 rgb(202,206,233)
```

Monochromatic Color

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

#94acd3
```
#94acd3 rgb(148,172,211)
```
#94a7d3
```
#94a7d3 rgb(148,167,211)
```
#94a1d3
```
#94a1d3 rgb(148,161,211)
```
#949cd3
```
#949cd3 rgb(148,156,211)
```
#9497d3
```
#9497d3 rgb(148,151,211)
```
#9794d3
```
#9794d3 rgb(151,148,211)
```
#9c94d3
```
#9c94d3 rgb(156,148,211)
```

Similar Colors

Text with hexadecimal color #949cd3

This text has a font color of #949cd3.

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

#949cd3 background color

This paragraph has a background color of #949cd3.

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

#949cd3 border color

This element has a border color of #949cd3.

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

CSS codes

.text {color:#949cd3;}

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

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

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

#020204
```
#020204 rgb(2,2,4)
```
#070912
```
#070912 rgb(7,9,18)
```
#0d1020
```
#0d1020 rgb(13,16,32)
```
#13162e
```
#13162e rgb(19,22,46)
```
#191d3c
```
#191d3c rgb(25,29,60)
```
#1e244a
```
#1e244a rgb(30,36,74)
```
#242b58
```
#242b58 rgb(36,43,88)
```
#2a3165
```
#2a3165 rgb(42,49,101)
```
#2f3873
```
#2f3873 rgb(47,56,115)
```
#353f81
```
#353f81 rgb(53,63,129)
```
#3b468f
```
#3b468f rgb(59,70,143)
```
#414c9d
```
#414c9d rgb(65,76,157)
```
#4653ab
```
#4653ab rgb(70,83,171)
```

Shade Color Variation

#4f5cb6
```
#4f5cb6 rgb(79,92,182)
```
#5c69bc
```
#5c69bc rgb(92,105,188)
```
#6a75c2
```
#6a75c2 rgb(106,117,194)
```
#7882c8
```
#7882c8 rgb(120,130,200)
```
#868fcd
```
#868fcd rgb(134,143,205)
```
#949cd3
```
#949cd3 rgb(148,156,211)
```
#a2a9d9
```
#a2a9d9 rgb(162,169,217)
```
#b0b6de
```
#b0b6de rgb(176,182,222)
```
#bec3e4
```
#bec3e4 rgb(190,195,228)
```
#cccfea
```
#cccfea rgb(204,207,234)
```
#d9dcf0
```
#d9dcf0 rgb(217,220,240)
```
#e7e9f5
```
#e7e9f5 rgb(231,233,245)
```
#f5f6fb
```
#f5f6fb rgb(245,246,251)
```

Tint Color Variation

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

#b1b2b6
```
#b1b2b6 rgb(177,178,182)
```
#abadbc
```
#abadbc rgb(171,173,188)
```
#a5a9c2
```
#a5a9c2 rgb(165,169,194)
```
#a0a5c7
```
#a0a5c7 rgb(160,165,199)
```
#9aa0cd
```
#9aa0cd rgb(154,160,205)
```
#949cd3
```
#949cd3 rgb(148,156,211)
```
#8e98d9
```
#8e98d9 rgb(142,152,217)
```
#8893df
```
#8893df rgb(136,147,223)
```
#838fe4
```
#838fe4 rgb(131,143,228)
```
#7d8bea
```
#7d8bea rgb(125,139,234)
```
#7786f0
```
#7786f0 rgb(119,134,240)
```
#7182f6
```
#7182f6 rgb(113,130,246)
```
#6b7efc
```
#6b7efc rgb(107,126,252)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#9e9faa Atypical Achromatopsia 0.001% of the population

Dichromacy

#94a2d6 Protanopia 1% of men
#96a1d5 Deuteranopia 1% of men
#90a7b3 Tritanopia 0.001% of the population

Trichromacy

#94a0d4 Protanomaly 1% of men, 0.01% of women
#959fd4 Deuteranomaly 6% of men, 0.4% of women
#92a3bf Tritanomaly 0.01% of the population

#949cd3 hex color

#949cd3 Color Information

#949cd3 Color Conversion

Color Schemes with #949cd3

Alternatives to #949cd3

#949cd3 Preview

Shades and Tints of #949cd3

Tones of #949cd3

Color Blindness Simulator