#949aa2 hex color

In a RGB color space, hex #949aa2 is composed of 58% red, 60.4% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 8.6% cyan, 4.9% magenta, 0% yellow and 36.5% black. It has a hue angle of 214.3 degrees, a saturation of 7% and a lightness of 60.8%. #949aa2 color hex could be obtained by blending #ffffff with #293545. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 58
- G 60
- B 64
RGB color chart
- C 9
- M 5
- Y 0
- K 36
CMYK color chart

● #949aa2 color description : Dark grayish blue.

The hexadecimal color #949aa2 has RGB values of R:148, G:154, B:162 and CMYK values of C:0.09, M:0.05, Y:0, K:0.36. Its decimal value is 9738914.

Hex triplet	949aa2	`#949aa2`
RGB Decimal	148, 154, 162	`rgb(148,154,162)`
RGB Percent	58, 60.4, 63.5	`rgb(58%,60.4%,63.5%)`
CMYK	9, 5, 0, 36
HSL	214.3°, 7, 60.8	`hsl(214.3,7%,60.8%)`
HSV (or HSB)	214.3°, 8.6, 63.5
Web Safe	999999	`#999999`

CIE-LAB	63.356, -0.53, -4.929
XYZ	30.289, 32.016, 38.764
xyY	0.3, 0.317, 32.016
CIE-LCH	63.356, 4.957, 263.867
CIE-LUV	63.356, -3.75, -7.122
Hunter-Lab	56.582, -3.467, -1.012
Binary	10010100, 10011010, 10100010

#949aa2
```
#949aa2 rgb(148,154,162)
```
#a29c94
```
#a29c94 rgb(162,156,148)
```

Complementary Color

#94a1a2
```
#94a1a2 rgb(148,161,162)
```
#949aa2
```
#949aa2 rgb(148,154,162)
```
#9594a2
```
#9594a2 rgb(149,148,162)
```

Analogous Color

#a1a294
```
#a1a294 rgb(161,162,148)
```
#949aa2
```
#949aa2 rgb(148,154,162)
```
#a29594
```
#a29594 rgb(162,149,148)
```

Split Complementary Color

#9aa294
```
#9aa294 rgb(154,162,148)
```
#949aa2
```
#949aa2 rgb(148,154,162)
```
#a2949a
```
#a2949a rgb(162,148,154)
```

Triadic Color

#94a29c
```
#94a29c rgb(148,162,156)
```
#949aa2
```
#949aa2 rgb(148,154,162)
```
#a2949a
```
#a2949a rgb(162,148,154)
```
#a29c94
```
#a29c94 rgb(162,156,148)
```

Tetradic Color

#6d747d
```
#6d747d rgb(109,116,125)
```
#79808a
```
#79808a rgb(121,128,138)
```
#868d96
```
#868d96 rgb(134,141,150)
```
#949aa2
```
#949aa2 rgb(148,154,162)
```
#a2a7ae
```
#a2a7ae rgb(162,167,174)
```
#afb4ba
```
#afb4ba rgb(175,180,186)
```
#bdc1c6
```
#bdc1c6 rgb(189,193,198)
```

Monochromatic Color

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

#949ea2
```
#949ea2 rgb(148,158,162)
```
#949ca2
```
#949ca2 rgb(148,156,162)
```
#949ba2
```
#949ba2 rgb(148,155,162)
```
#949aa2
```
#949aa2 rgb(148,154,162)
```
#9499a2
```
#9499a2 rgb(148,153,162)
```
#9498a2
```
#9498a2 rgb(148,152,162)
```
#9497a2
```
#9497a2 rgb(148,151,162)
```

Similar Colors

Text with hexadecimal color #949aa2

This text has a font color of #949aa2.

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

#949aa2 background color

This paragraph has a background color of #949aa2.

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

#949aa2 border color

This element has a border color of #949aa2.

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

CSS codes

.text {color:#949aa2;}

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

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

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

#070808
```
#070808 rgb(7,8,8)
```
#101213
```
#101213 rgb(16,18,19)
```
#1a1b1d
```
#1a1b1d rgb(26,27,29)
```
#232528
```
#232528 rgb(35,37,40)
```
#2c2f32
```
#2c2f32 rgb(44,47,50)
```
#35383d
```
#35383d rgb(53,56,61)
```
#3e4247
```
#3e4247 rgb(62,66,71)
```
#474c52
```
#474c52 rgb(71,76,82)
```
#50555c
```
#50555c rgb(80,85,92)
```
#595f67
```
#595f67 rgb(89,95,103)
```
#636971
```
#636971 rgb(99,105,113)
```
#6c737c
```
#6c737c rgb(108,115,124)
```
#757c86
```
#757c86 rgb(117,124,134)
```

Shade Color Variation

#7f8690
```
#7f8690 rgb(127,134,144)
```
#8a9099
```
#8a9099 rgb(138,144,153)
```
#949aa2
```
#949aa2 rgb(148,154,162)
```
#9ea4ab
```
#9ea4ab rgb(158,164,171)
```
#a9aeb4
```
#a9aeb4 rgb(169,174,180)
```
#b3b8bd
```
#b3b8bd rgb(179,184,189)
```
#bec2c6
```
#bec2c6 rgb(190,194,198)
```
#c8ccd0
```
#c8ccd0 rgb(200,204,208)
```
#d3d5d9
```
#d3d5d9 rgb(211,213,217)
```
#dddfe2
```
#dddfe2 rgb(221,223,226)
```
#e8e9eb
```
#e8e9eb rgb(232,233,235)
```
#f2f3f4
```
#f2f3f4 rgb(242,243,244)
```
#fdfdfd
```
#fdfdfd rgb(253,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #949aa2 is the less saturated color, while #388dfe is the most saturated one.

#949aa2
```
#949aa2 rgb(148,154,162)
```
#8c99aa
```
#8c99aa rgb(140,153,170)
```
#8598b1
```
#8598b1 rgb(133,152,177)
```
#7d97b9
```
#7d97b9 rgb(125,151,185)
```
#7596c1
```
#7596c1 rgb(117,150,193)
```
#6e95c8
```
#6e95c8 rgb(110,149,200)
```
#6693d0
```
#6693d0 rgb(102,147,208)
```
#5e92d8
```
#5e92d8 rgb(94,146,216)
```
#5691e0
```
#5691e0 rgb(86,145,224)
```
#4f90e7
```
#4f90e7 rgb(79,144,231)
```
#478fef
```
#478fef rgb(71,143,239)
```
#3f8ef7
```
#3f8ef7 rgb(63,142,247)
```
#388dfe
```
#388dfe rgb(56,141,254)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#98999b Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f9da6 Protanopia 1% of men
#a89aa8 Deuteranopia 1% of men
#9a9eaa Tritanopia 0.001% of the population

Trichromacy

#9b9ca4 Protanomaly 1% of men, 0.01% of women
#a19aa6 Deuteranomaly 6% of men, 0.4% of women
#979da7 Tritanomaly 0.01% of the population

#949aa2 hex color

#949aa2 Color Information

#949aa2 Color Conversion

Color Schemes with #949aa2

Alternatives to #949aa2

#949aa2 Preview

Shades and Tints of #949aa2

Tones of #949aa2

Color Blindness Simulator