#949ed2 hex color

In a RGB color space, hex #949ed2 is composed of 58% red, 62% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 29.5% cyan, 24.8% magenta, 0% yellow and 17.6% black. It has a hue angle of 230.3 degrees, a saturation of 40.8% and a lightness of 70.2%. #949ed2 color hex could be obtained by blending #ffffff with #293da5. 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

● #949ed2 color description : Slightly desaturated blue.

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

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

CIE-LAB	66.06, 8.289, -27.694
XYZ	36.07, 35.402, 65.902
xyY	0.263, 0.258, 35.402
CIE-LCH	66.06, 28.908, 286.663
CIE-LUV	66.06, -7.892, -44.431
Hunter-Lab	59.5, 4.087, -24.02
Binary	10010100, 10011110, 11010010

#949ed2
```
#949ed2 rgb(148,158,210)
```
#d2c894
```
#d2c894 rgb(210,200,148)
```

Complementary Color

#94bdd2
```
#94bdd2 rgb(148,189,210)
```
#949ed2
```
#949ed2 rgb(148,158,210)
```
#a994d2
```
#a994d2 rgb(169,148,210)
```

Analogous Color

#bdd294
```
#bdd294 rgb(189,210,148)
```
#949ed2
```
#949ed2 rgb(148,158,210)
```
#d2a994
```
#d2a994 rgb(210,169,148)
```

Split Complementary Color

#9ed294
```
#9ed294 rgb(158,210,148)
```
#949ed2
```
#949ed2 rgb(148,158,210)
```
#d2949e
```
#d2949e rgb(210,148,158)
```

Triadic Color

#94d2c8
```
#94d2c8 rgb(148,210,200)
```
#949ed2
```
#949ed2 rgb(148,158,210)
```
#d2949e
```
#d2949e rgb(210,148,158)
```
#d2c894
```
#d2c894 rgb(210,200,148)
```

Tetradic Color

#5e6dbb
```
#5e6dbb rgb(94,109,187)
```
#707dc3
```
#707dc3 rgb(112,125,195)
```
#828eca
```
#828eca rgb(130,142,202)
```
#949ed2
```
#949ed2 rgb(148,158,210)
```
#a6aeda
```
#a6aeda rgb(166,174,218)
```
#b8bfe1
```
#b8bfe1 rgb(184,191,225)
```
#cacfe9
```
#cacfe9 rgb(202,207,233)
```

Monochromatic Color

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

#94aed2
```
#94aed2 rgb(148,174,210)
```
#94a8d2
```
#94a8d2 rgb(148,168,210)
```
#94a3d2
```
#94a3d2 rgb(148,163,210)
```
#949ed2
```
#949ed2 rgb(148,158,210)
```
#9499d2
```
#9499d2 rgb(148,153,210)
```
#9494d2
```
#9494d2 rgb(148,148,210)
```
#9a94d2
```
#9a94d2 rgb(154,148,210)
```

Similar Colors

Text with hexadecimal color #949ed2

This text has a font color of #949ed2.

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

#949ed2 background color

This paragraph has a background color of #949ed2.

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

#949ed2 border color

This element has a border color of #949ed2.

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

CSS codes

.text {color:#949ed2;}

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

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

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)
```
#303b72
```
#303b72 rgb(48,59,114)
```
#364280
```
#364280 rgb(54,66,128)
```
#3c498e
```
#3c498e rgb(60,73,142)
```
#41509b
```
#41509b rgb(65,80,155)
```
#4757a9
```
#4757a9 rgb(71,87,169)
```

Shade Color Variation

#4f5fb5
```
#4f5fb5 rgb(79,95,181)
```
#5d6cbb
```
#5d6cbb rgb(93,108,187)
```
#6b78c1
```
#6b78c1 rgb(107,120,193)
```
#7885c6
```
#7885c6 rgb(120,133,198)
```
#8691cc
```
#8691cc rgb(134,145,204)
```
#949ed2
```
#949ed2 rgb(148,158,210)
```
#a2abd8
```
#a2abd8 rgb(162,171,216)
```
#b0b7de
```
#b0b7de rgb(176,183,222)
```
#bdc4e3
```
#bdc4e3 rgb(189,196,227)
```
#cbd0e9
```
#cbd0e9 rgb(203,208,233)
```
#d9ddef
```
#d9ddef rgb(217,221,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 #6b82fb is the most saturated one.

#b1b2b5
```
#b1b2b5 rgb(177,178,181)
```
#abaebb
```
#abaebb rgb(171,174,187)
```
#a6aac0
```
#a6aac0 rgb(166,170,192)
```
#a0a6c6
```
#a0a6c6 rgb(160,166,198)
```
#9aa2cc
```
#9aa2cc rgb(154,162,204)
```
#949ed2
```
#949ed2 rgb(148,158,210)
```
#8e9ad8
```
#8e9ad8 rgb(142,154,216)
```
#8896de
```
#8896de rgb(136,150,222)
```
#8292e4
```
#8292e4 rgb(130,146,228)
```
#7d8ee9
```
#7d8ee9 rgb(125,142,233)
```
#778aef
```
#778aef rgb(119,138,239)
```
#7186f5
```
#7186f5 rgb(113,134,245)
```
#6b82fb
```
#6b82fb rgb(107,130,251)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#9ea0ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#97a3d4 Protanopia 1% of men
#99a3d4 Deuteranopia 1% of men
#91a9b5 Tritanopia 0.001% of the population

Trichromacy

#95a1d3 Protanomaly 1% of men, 0.01% of women
#97a1d3 Deuteranomaly 6% of men, 0.4% of women
#92a5bf Tritanomaly 0.01% of the population

#949ed2 hex color

#949ed2 Color Information

#949ed2 Color Conversion

Color Schemes with #949ed2

Alternatives to #949ed2

#949ed2 Preview

Shades and Tints of #949ed2

Tones of #949ed2

Color Blindness Simulator