#949ad3 hex color

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

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

● #949ad3 color description : Slightly desaturated blue.

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

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

CIE-LAB	65.049, 10.81, -29.808
XYZ	35.524, 34.11, 66.337
xyY	0.261, 0.251, 34.11
CIE-LCH	65.049, 31.708, 289.934
CIE-LUV	65.049, -6.265, -48.138
Hunter-Lab	58.403, 6.367, -26.461
Binary	10010100, 10011010, 11010011

#949ad3
```
#949ad3 rgb(148,154,211)
```
#d3cd94
```
#d3cd94 rgb(211,205,148)
```

Complementary Color

#94bad3
```
#94bad3 rgb(148,186,211)
```
#949ad3
```
#949ad3 rgb(148,154,211)
```
#ae94d3
```
#ae94d3 rgb(174,148,211)
```

Analogous Color

#bad394
```
#bad394 rgb(186,211,148)
```
#949ad3
```
#949ad3 rgb(148,154,211)
```
#d3ae94
```
#d3ae94 rgb(211,174,148)
```

Split Complementary Color

#9ad394
```
#9ad394 rgb(154,211,148)
```
#949ad3
```
#949ad3 rgb(148,154,211)
```
#d3949a
```
#d3949a rgb(211,148,154)
```

Triadic Color

#94d3cd
```
#94d3cd rgb(148,211,205)
```
#949ad3
```
#949ad3 rgb(148,154,211)
```
#d3949a
```
#d3949a rgb(211,148,154)
```
#d3cd94
```
#d3cd94 rgb(211,205,148)
```

Tetradic Color

#5e67bd
```
#5e67bd rgb(94,103,189)
```
#7078c4
```
#7078c4 rgb(112,120,196)
```
#8289cc
```
#8289cc rgb(130,137,204)
```
#949ad3
```
#949ad3 rgb(148,154,211)
```
#a6abda
```
#a6abda rgb(166,171,218)
```
#b8bce2
```
#b8bce2 rgb(184,188,226)
```
#cacde9
```
#cacde9 rgb(202,205,233)
```

Monochromatic Color

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

#94aad3
```
#94aad3 rgb(148,170,211)
```
#94a5d3
```
#94a5d3 rgb(148,165,211)
```
#949fd3
```
#949fd3 rgb(148,159,211)
```
#949ad3
```
#949ad3 rgb(148,154,211)
```
#9495d3
```
#9495d3 rgb(148,149,211)
```
#9994d3
```
#9994d3 rgb(153,148,211)
```
#9e94d3
```
#9e94d3 rgb(158,148,211)
```

Similar Colors

Text with hexadecimal color #949ad3

This text has a font color of #949ad3.

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

#949ad3 background color

This paragraph has a background color of #949ad3.

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

#949ad3 border color

This element has a border color of #949ad3.

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

CSS codes

.text {color:#949ad3;}

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

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

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)
```
#070812
```
#070812 rgb(7,8,18)
```
#0d0f20
```
#0d0f20 rgb(13,15,32)
```
#13152e
```
#13152e rgb(19,21,46)
```
#191c3c
```
#191c3c rgb(25,28,60)
```
#1e224a
```
#1e224a rgb(30,34,74)
```
#242958
```
#242958 rgb(36,41,88)
```
#2a2f65
```
#2a2f65 rgb(42,47,101)
```
#2f3673
```
#2f3673 rgb(47,54,115)
```
#353c81
```
#353c81 rgb(53,60,129)
```
#3b438f
```
#3b438f rgb(59,67,143)
```
#41499d
```
#41499d rgb(65,73,157)
```
#4650ab
```
#4650ab rgb(70,80,171)
```

Shade Color Variation

#4f58b6
```
#4f58b6 rgb(79,88,182)
```
#5c66bc
```
#5c66bc rgb(92,102,188)
```
#6a73c2
```
#6a73c2 rgb(106,115,194)
```
#7880c8
```
#7880c8 rgb(120,128,200)
```
#868dcd
```
#868dcd rgb(134,141,205)
```
#949ad3
```
#949ad3 rgb(148,154,211)
```
#a2a7d9
```
#a2a7d9 rgb(162,167,217)
```
#b0b4de
```
#b0b4de rgb(176,180,222)
```
#bec1e4
```
#bec1e4 rgb(190,193,228)
```
#ccceea
```
#ccceea rgb(204,206,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 #6b79fc is the most saturated one.

#b1b2b6
```
#b1b2b6 rgb(177,178,182)
```
#abadbc
```
#abadbc rgb(171,173,188)
```
#a5a8c2
```
#a5a8c2 rgb(165,168,194)
```
#a0a3c7
```
#a0a3c7 rgb(160,163,199)
```
#9a9fcd
```
#9a9fcd rgb(154,159,205)
```
#949ad3
```
#949ad3 rgb(148,154,211)
```
#8e95d9
```
#8e95d9 rgb(142,149,217)
```
#8891df
```
#8891df rgb(136,145,223)
```
#838ce4
```
#838ce4 rgb(131,140,228)
```
#7d87ea
```
#7d87ea rgb(125,135,234)
```
#7782f0
```
#7782f0 rgb(119,130,240)
```
#717ef6
```
#717ef6 rgb(113,126,246)
```
#6b79fc
```
#6b79fc rgb(107,121,252)
```

Tone Color Variation

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

#92a1d6 Protanopia 1% of men
#94a0d4 Deuteranopia 1% of men
#90a6b2 Tritanopia 0.001% of the population

Trichromacy

#939ed5 Protanomaly 1% of men, 0.01% of women
#949ed4 Deuteranomaly 6% of men, 0.4% of women
#91a1be Tritanomaly 0.01% of the population

#949ad3 hex color

#949ad3 Color Information

#949ad3 Color Conversion

Color Schemes with #949ad3

Alternatives to #949ad3

#949ad3 Preview

Shades and Tints of #949ad3

Tones of #949ad3

Color Blindness Simulator