#949dd2 hex color

In a RGB color space, hex #949dd2 is composed of 58% red, 61.6% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 29.5% cyan, 25.2% magenta, 0% yellow and 17.6% black. It has a hue angle of 231.3 degrees, a saturation of 40.8% and a lightness of 70.2%. #949dd2 color hex could be obtained by blending #ffffff with #293ba5. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 58
- G 62
- B 82
RGB color chart
- C 30
- M 25
- Y 0
- K 18
CMYK color chart

● #949dd2 color description : Slightly desaturated blue.

The hexadecimal color #949dd2 has RGB values of R:148, G:157, B:210 and CMYK values of C:0.3, M:0.25, Y:0, K:0.18. Its decimal value is 9739730.

Hex triplet	949dd2	`#949dd2`
RGB Decimal	148, 157, 210	`rgb(148,157,210)`
RGB Percent	58, 61.6, 82.4	`rgb(58%,61.6%,82.4%)`
CMYK	30, 25, 0, 18
HSL	231.3°, 40.8, 70.2	`hsl(231.3,40.8%,70.2%)`
HSV (or HSB)	231.3°, 29.5, 82.4
Web Safe	9999cc	`#9999cc`

CIE-LAB	65.797, 8.855, -28.1
XYZ	35.9, 35.062, 65.845
xyY	0.262, 0.256, 35.062
CIE-LCH	65.797, 29.462, 287.491
CIE-LUV	65.797, -7.471, -45.147
Hunter-Lab	59.213, 4.599, -24.481
Binary	10010100, 10011101, 11010010

#949dd2
```
#949dd2 rgb(148,157,210)
```
#d2c994
```
#d2c994 rgb(210,201,148)
```

Complementary Color

#94bcd2
```
#94bcd2 rgb(148,188,210)
```
#949dd2
```
#949dd2 rgb(148,157,210)
```
#aa94d2
```
#aa94d2 rgb(170,148,210)
```

Analogous Color

#bcd294
```
#bcd294 rgb(188,210,148)
```
#949dd2
```
#949dd2 rgb(148,157,210)
```
#d2aa94
```
#d2aa94 rgb(210,170,148)
```

Split Complementary Color

#9dd294
```
#9dd294 rgb(157,210,148)
```
#949dd2
```
#949dd2 rgb(148,157,210)
```
#d2949d
```
#d2949d rgb(210,148,157)
```

Triadic Color

#94d2c9
```
#94d2c9 rgb(148,210,201)
```
#949dd2
```
#949dd2 rgb(148,157,210)
```
#d2949d
```
#d2949d rgb(210,148,157)
```
#d2c994
```
#d2c994 rgb(210,201,148)
```

Tetradic Color

#5e6cbb
```
#5e6cbb rgb(94,108,187)
```
#707cc3
```
#707cc3 rgb(112,124,195)
```
#828dca
```
#828dca rgb(130,141,202)
```
#949dd2
```
#949dd2 rgb(148,157,210)
```
#a6adda
```
#a6adda rgb(166,173,218)
```
#b8bee1
```
#b8bee1 rgb(184,190,225)
```
#cacee9
```
#cacee9 rgb(202,206,233)
```

Monochromatic Color

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

#94add2
```
#94add2 rgb(148,173,210)
```
#94a7d2
```
#94a7d2 rgb(148,167,210)
```
#94a2d2
```
#94a2d2 rgb(148,162,210)
```
#949dd2
```
#949dd2 rgb(148,157,210)
```
#9498d2
```
#9498d2 rgb(148,152,210)
```
#9594d2
```
#9594d2 rgb(149,148,210)
```
#9b94d2
```
#9b94d2 rgb(155,148,210)
```

Similar Colors

Text with hexadecimal color #949dd2

This text has a font color of #949dd2.

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

#949dd2 background color

This paragraph has a background color of #949dd2.

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

#949dd2 border color

This element has a border color of #949dd2.

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

CSS codes

.text {color:#949dd2;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#070911
```
#070911 rgb(7,9,17)
```
#0d101f
```
#0d101f rgb(13,16,31)
```
#13172d
```
#13172d rgb(19,23,45)
```
#191e3b
```
#191e3b rgb(25,30,59)
```
#1e2549
```
#1e2549 rgb(30,37,73)
```
#242c56
```
#242c56 rgb(36,44,86)
```
#2a3364
```
#2a3364 rgb(42,51,100)
```
#303972
```
#303972 rgb(48,57,114)
```
#364080
```
#364080 rgb(54,64,128)
```
#3c478e
```
#3c478e rgb(60,71,142)
```
#414e9b
```
#414e9b rgb(65,78,155)
```
#4755a9
```
#4755a9 rgb(71,85,169)
```

Shade Color Variation

#4f5eb5
```
#4f5eb5 rgb(79,94,181)
```
#5d6abb
```
#5d6abb rgb(93,106,187)
```
#6b77c1
```
#6b77c1 rgb(107,119,193)
```
#7884c6
```
#7884c6 rgb(120,132,198)
```
#8690cc
```
#8690cc rgb(134,144,204)
```
#949dd2
```
#949dd2 rgb(148,157,210)
```
#a2aad8
```
#a2aad8 rgb(162,170,216)
```
#b0b6de
```
#b0b6de rgb(176,182,222)
```
#bdc3e3
```
#bdc3e3 rgb(189,195,227)
```
#cbd0e9
```
#cbd0e9 rgb(203,208,233)
```
#d9dcef
```
#d9dcef rgb(217,220,239)
```
#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, #b1b2b5 is the less saturated color, while #6b80fb is the most saturated one.

#b1b2b5
```
#b1b2b5 rgb(177,178,181)
```
#abaebb
```
#abaebb rgb(171,174,187)
```
#a6a9c0
```
#a6a9c0 rgb(166,169,192)
```
#a0a5c6
```
#a0a5c6 rgb(160,165,198)
```
#9aa1cc
```
#9aa1cc rgb(154,161,204)
```
#949dd2
```
#949dd2 rgb(148,157,210)
```
#8e99d8
```
#8e99d8 rgb(142,153,216)
```
#8895de
```
#8895de rgb(136,149,222)
```
#8291e4
```
#8291e4 rgb(130,145,228)
```
#7d8ce9
```
#7d8ce9 rgb(125,140,233)
```
#7788ef
```
#7788ef rgb(119,136,239)
```
#7184f5
```
#7184f5 rgb(113,132,245)
```
#6b80fb
```
#6b80fb rgb(107,128,251)
```

Tone Color Variation

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

#96a2d4 Protanopia 1% of men
#98a2d4 Deuteranopia 1% of men
#91a8b4 Tritanopia 0.001% of the population

Trichromacy

#95a0d3 Protanomaly 1% of men, 0.01% of women
#96a0d3 Deuteranomaly 6% of men, 0.4% of women
#92a4bf Tritanomaly 0.01% of the population

#949dd2 hex color

#949dd2 Color Information

#949dd2 Color Conversion

Color Schemes with #949dd2

Alternatives to #949dd2

#949dd2 Preview

Shades and Tints of #949dd2

Tones of #949dd2

Color Blindness Simulator