#949fd9 hex color

In a RGB color space, hex #949fd9 is composed of 58% red, 62.4% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 31.8% cyan, 26.7% magenta, 0% yellow and 14.9% black. It has a hue angle of 230.4 degrees, a saturation of 47.6% and a lightness of 71.6%. #949fd9 color hex could be obtained by blending #ffffff with #293fb3. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 58
- G 62
- B 85
RGB color chart
- C 32
- M 27
- Y 0
- K 15
CMYK color chart

● #949fd9 color description : Very soft blue.

The hexadecimal color #949fd9 has RGB values of R:148, G:159, B:217 and CMYK values of C:0.32, M:0.27, Y:0, K:0.15. Its decimal value is 9740249.

Hex triplet	949fd9	`#949fd9`
RGB Decimal	148, 159, 217	`rgb(148,159,217)`
RGB Percent	58, 62.4, 85.1	`rgb(58%,62.4%,85.1%)`
CMYK	32, 27, 0, 15
HSL	230.4°, 47.6, 71.6	`hsl(230.4,47.6%,71.6%)`
HSV (or HSB)	230.4°, 31.8, 85.1
Web Safe	9999cc	`#9999cc`

CIE-LAB	66.597, 9.497, -30.741
XYZ	37.133, 36.101, 70.654
xyY	0.258, 0.251, 36.101
CIE-LCH	66.597, 32.174, 287.167
CIE-LUV	66.597, -8.633, -49.673
Hunter-Lab	60.084, 5.168, -27.661
Binary	10010100, 10011111, 11011001

#949fd9
```
#949fd9 rgb(148,159,217)
```
#d9ce94
```
#d9ce94 rgb(217,206,148)
```

Complementary Color

#94c2d9
```
#94c2d9 rgb(148,194,217)
```
#949fd9
```
#949fd9 rgb(148,159,217)
```
#ac94d9
```
#ac94d9 rgb(172,148,217)
```

Analogous Color

#c2d994
```
#c2d994 rgb(194,217,148)
```
#949fd9
```
#949fd9 rgb(148,159,217)
```
#d9ac94
```
#d9ac94 rgb(217,172,148)
```

Split Complementary Color

#9fd994
```
#9fd994 rgb(159,217,148)
```
#949fd9
```
#949fd9 rgb(148,159,217)
```
#d9949f
```
#d9949f rgb(217,148,159)
```

Triadic Color

#94d9ce
```
#94d9ce rgb(148,217,206)
```
#949fd9
```
#949fd9 rgb(148,159,217)
```
#d9949f
```
#d9949f rgb(217,148,159)
```
#d9ce94
```
#d9ce94 rgb(217,206,148)
```

Tetradic Color

#5c6cc5
```
#5c6cc5 rgb(92,108,197)
```
#6e7dcc
```
#6e7dcc rgb(110,125,204)
```
#818ed2
```
#818ed2 rgb(129,142,210)
```
#949fd9
```
#949fd9 rgb(148,159,217)
```
#a7b0e0
```
#a7b0e0 rgb(167,176,224)
```
#bac1e6
```
#bac1e6 rgb(186,193,230)
```
#ccd2ed
```
#ccd2ed rgb(204,210,237)
```

Monochromatic Color

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

#94b0d9
```
#94b0d9 rgb(148,176,217)
```
#94abd9
```
#94abd9 rgb(148,171,217)
```
#94a5d9
```
#94a5d9 rgb(148,165,217)
```
#949fd9
```
#949fd9 rgb(148,159,217)
```
#9499d9
```
#9499d9 rgb(148,153,217)
```
#9594d9
```
#9594d9 rgb(149,148,217)
```
#9a94d9
```
#9a94d9 rgb(154,148,217)
```

Similar Colors

Text with hexadecimal color #949fd9

This text has a font color of #949fd9.

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

#949fd9 background color

This paragraph has a background color of #949fd9.

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

#949fd9 border color

This element has a border color of #949fd9.

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

CSS codes

.text {color:#949fd9;}

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

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

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

#030409
```
#030409 rgb(3,4,9)
```
#080b17
```
#080b17 rgb(8,11,23)
```
#0d1126
```
#0d1126 rgb(13,17,38)
```
#131834
```
#131834 rgb(19,24,52)
```
#181f43
```
#181f43 rgb(24,31,67)
```
#1d2551
```
#1d2551 rgb(29,37,81)
```
#222c60
```
#222c60 rgb(34,44,96)
```
#27326e
```
#27326e rgb(39,50,110)
```
#2c397d
```
#2c397d rgb(44,57,125)
```
#31408b
```
#31408b rgb(49,64,139)
```
#37469a
```
#37469a rgb(55,70,154)
```
#3c4da8
```
#3c4da8 rgb(60,77,168)
```
#4154b6
```
#4154b6 rgb(65,84,182)
```

Shade Color Variation

#4c5ebf
```
#4c5ebf rgb(76,94,191)
```
#5a6bc4
```
#5a6bc4 rgb(90,107,196)
```
#6978ca
```
#6978ca rgb(105,120,202)
```
#7785cf
```
#7785cf rgb(119,133,207)
```
#8692d4
```
#8692d4 rgb(134,146,212)
```
#949fd9
```
#949fd9 rgb(148,159,217)
```
#a2acde
```
#a2acde rgb(162,172,222)
```
#b1b9e3
```
#b1b9e3 rgb(177,185,227)
```
#bfc6e8
```
#bfc6e8 rgb(191,198,232)
```
#ced3ee
```
#ced3ee rgb(206,211,238)
```
#dce0f3
```
#dce0f3 rgb(220,224,243)
```
#ebedf8
```
#ebedf8 rgb(235,237,248)
```
#f9fafd
```
#f9fafd rgb(249,250,253)
```

Tint Color Variation

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

#b5b6b8
```
#b5b6b8 rgb(181,182,184)
```
#b0b2bd
```
#b0b2bd rgb(176,178,189)
```
#aaaec3
```
#aaaec3 rgb(170,174,195)
```
#a5aac8
```
#a5aac8 rgb(165,170,200)
```
#9fa7ce
```
#9fa7ce rgb(159,167,206)
```
#9aa3d3
```
#9aa3d3 rgb(154,163,211)
```
#949fd9
```
#949fd9 rgb(148,159,217)
```
#8e9bdf
```
#8e9bdf rgb(142,155,223)
```
#8997e4
```
#8997e4 rgb(137,151,228)
```
#8394ea
```
#8394ea rgb(131,148,234)
```
#7e90ef
```
#7e90ef rgb(126,144,239)
```
#788cf5
```
#788cf5 rgb(120,140,245)
```
#7388fa
```
#7388fa rgb(115,136,250)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#9fa1ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#96a4db Protanopia 1% of men
#97a4da Deuteranopia 1% of men
#90abb7 Tritanopia 0.001% of the population

Trichromacy

#95a2da Protanomaly 1% of men, 0.01% of women
#96a2da Deuteranomaly 6% of men, 0.4% of women
#91a6c3 Tritanomaly 0.01% of the population

#949fd9 hex color

#949fd9 Color Information

#949fd9 Color Conversion

Color Schemes with #949fd9

Alternatives to #949fd9

#949fd9 Preview

Shades and Tints of #949fd9

Tones of #949fd9

Color Blindness Simulator