#949bd3 hex color

In a RGB color space, hex #949bd3 is composed of 58% red, 60.8% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 29.9% cyan, 26.5% magenta, 0% yellow and 17.3% black. It has a hue angle of 233.3 degrees, a saturation of 41.7% and a lightness of 70.4%. #949bd3 color hex could be obtained by blending #ffffff with #2937a7. 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

● #949bd3 color description : Slightly desaturated blue.

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

Hex triplet	949bd3	`#949bd3`
RGB Decimal	148, 155, 211	`rgb(148,155,211)`
RGB Percent	58, 60.8, 82.7	`rgb(58%,60.8%,82.7%)`
CMYK	30, 27, 0, 17
HSL	233.3°, 41.7, 70.4	`hsl(233.3,41.7%,70.4%)`
HSV (or HSB)	233.3°, 29.9, 82.7
Web Safe	9999cc	`#9999cc`

CIE-LAB	65.311, 10.242, -29.404
XYZ	35.69, 34.441, 66.392
xyY	0.261, 0.252, 34.441
CIE-LCH	65.311, 31.137, 289.204
CIE-LUV	65.311, -6.682, -47.426
Hunter-Lab	58.687, 5.852, -25.994
Binary	10010100, 10011011, 11010011

#949bd3
```
#949bd3 rgb(148,155,211)
```
#d3cc94
```
#d3cc94 rgb(211,204,148)
```

Complementary Color

#94bbd3
```
#94bbd3 rgb(148,187,211)
```
#949bd3
```
#949bd3 rgb(148,155,211)
```
#ad94d3
```
#ad94d3 rgb(173,148,211)
```

Analogous Color

#bbd394
```
#bbd394 rgb(187,211,148)
```
#949bd3
```
#949bd3 rgb(148,155,211)
```
#d3ad94
```
#d3ad94 rgb(211,173,148)
```

Split Complementary Color

#9bd394
```
#9bd394 rgb(155,211,148)
```
#949bd3
```
#949bd3 rgb(148,155,211)
```
#d3949b
```
#d3949b rgb(211,148,155)
```

Triadic Color

#94d3cc
```
#94d3cc rgb(148,211,204)
```
#949bd3
```
#949bd3 rgb(148,155,211)
```
#d3949b
```
#d3949b rgb(211,148,155)
```
#d3cc94
```
#d3cc94 rgb(211,204,148)
```

Tetradic Color

#5e68bd
```
#5e68bd rgb(94,104,189)
```
#7079c4
```
#7079c4 rgb(112,121,196)
```
#828acc
```
#828acc rgb(130,138,204)
```
#949bd3
```
#949bd3 rgb(148,155,211)
```
#a6acda
```
#a6acda rgb(166,172,218)
```
#b8bde2
```
#b8bde2 rgb(184,189,226)
```
#cacee9
```
#cacee9 rgb(202,206,233)
```

Monochromatic Color

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

#94abd3
```
#94abd3 rgb(148,171,211)
```
#94a6d3
```
#94a6d3 rgb(148,166,211)
```
#94a0d3
```
#94a0d3 rgb(148,160,211)
```
#949bd3
```
#949bd3 rgb(148,155,211)
```
#9496d3
```
#9496d3 rgb(148,150,211)
```
#9894d3
```
#9894d3 rgb(152,148,211)
```
#9d94d3
```
#9d94d3 rgb(157,148,211)
```

Similar Colors

Text with hexadecimal color #949bd3

This text has a font color of #949bd3.

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

#949bd3 background color

This paragraph has a background color of #949bd3.

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

#949bd3 border color

This element has a border color of #949bd3.

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

CSS codes

.text {color:#949bd3;}

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

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

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)
```
#0d0f20
```
#0d0f20 rgb(13,15,32)
```
#13162e
```
#13162e rgb(19,22,46)
```
#191d3c
```
#191d3c rgb(25,29,60)
```
#1e234a
```
#1e234a rgb(30,35,74)
```
#242a58
```
#242a58 rgb(36,42,88)
```
#2a3065
```
#2a3065 rgb(42,48,101)
```
#2f3773
```
#2f3773 rgb(47,55,115)
```
#353e81
```
#353e81 rgb(53,62,129)
```
#3b448f
```
#3b448f rgb(59,68,143)
```
#414b9d
```
#414b9d rgb(65,75,157)
```
#4652ab
```
#4652ab rgb(70,82,171)
```

Shade Color Variation

#4f5ab6
```
#4f5ab6 rgb(79,90,182)
```
#5c67bc
```
#5c67bc rgb(92,103,188)
```
#6a74c2
```
#6a74c2 rgb(106,116,194)
```
#7881c8
```
#7881c8 rgb(120,129,200)
```
#868ecd
```
#868ecd rgb(134,142,205)
```
#949bd3
```
#949bd3 rgb(148,155,211)
```
#a2a8d9
```
#a2a8d9 rgb(162,168,217)
```
#b0b5de
```
#b0b5de rgb(176,181,222)
```
#bec2e4
```
#bec2e4 rgb(190,194,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 #6b7bfc is the most saturated one.

#b1b2b6
```
#b1b2b6 rgb(177,178,182)
```
#abadbc
```
#abadbc rgb(171,173,188)
```
#a5a9c2
```
#a5a9c2 rgb(165,169,194)
```
#a0a4c7
```
#a0a4c7 rgb(160,164,199)
```
#9aa0cd
```
#9aa0cd rgb(154,160,205)
```
#949bd3
```
#949bd3 rgb(148,155,211)
```
#8e96d9
```
#8e96d9 rgb(142,150,217)
```
#8892df
```
#8892df rgb(136,146,223)
```
#838de4
```
#838de4 rgb(131,141,228)
```
#7d89ea
```
#7d89ea rgb(125,137,234)
```
#7784f0
```
#7784f0 rgb(119,132,240)
```
#7180f6
```
#7180f6 rgb(113,128,246)
```
#6b7bfc
```
#6b7bfc rgb(107,123,252)
```

Tone Color Variation

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

Dichromacy

#93a1d6 Protanopia 1% of men
#95a1d4 Deuteranopia 1% of men
#90a6b3 Tritanopia 0.001% of the population

Trichromacy

#939fd5 Protanomaly 1% of men, 0.01% of women
#959fd4 Deuteranomaly 6% of men, 0.4% of women
#91a2be Tritanomaly 0.01% of the population

#949bd3 hex color

#949bd3 Color Information

#949bd3 Color Conversion

Color Schemes with #949bd3

Alternatives to #949bd3

#949bd3 Preview

Shades and Tints of #949bd3

Tones of #949bd3

Color Blindness Simulator