#949caf hex color

In a RGB color space, hex #949caf is composed of 58% red, 61.2% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 15.4% cyan, 10.9% magenta, 0% yellow and 31.4% black. It has a hue angle of 222.2 degrees, a saturation of 14.4% and a lightness of 63.3%. #949caf color hex could be obtained by blending #ffffff with #29395f. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 58
- G 61
- B 69
RGB color chart
- C 15
- M 11
- Y 0
- K 31
CMYK color chart

● #949caf color description : Dark grayish blue.

The hexadecimal color #949caf has RGB values of R:148, G:156, B:175 and CMYK values of C:0.15, M:0.11, Y:0, K:0.31. Its decimal value is 9739439.

Hex triplet	949caf	`#949caf`
RGB Decimal	148, 156, 175	`rgb(148,156,175)`
RGB Percent	58, 61.2, 68.6	`rgb(58%,61.2%,68.6%)`
CMYK	15, 11, 0, 31
HSL	222.2°, 14.4, 63.3	`hsl(222.2,14.4%,63.3%)`
HSV (or HSB)	222.2°, 15.4, 68.6
Web Safe	999999	`#999999`

CIE-LAB	64.296, 1.141, -10.841
XYZ	31.838, 33.168, 45.28
xyY	0.289, 0.301, 33.168
CIE-LCH	64.296, 10.901, 276.006
CIE-LUV	64.296, -5.342, -16.366
Hunter-Lab	57.591, -2.107, -6.301
Binary	10010100, 10011100, 10101111

#949caf
```
#949caf rgb(148,156,175)
```
#afa794
```
#afa794 rgb(175,167,148)
```

Complementary Color

#94aaaf
```
#94aaaf rgb(148,170,175)
```
#949caf
```
#949caf rgb(148,156,175)
```
#9a94af
```
#9a94af rgb(154,148,175)
```

Analogous Color

#aaaf94
```
#aaaf94 rgb(170,175,148)
```
#949caf
```
#949caf rgb(148,156,175)
```
#af9a94
```
#af9a94 rgb(175,154,148)
```

Split Complementary Color

#9caf94
```
#9caf94 rgb(156,175,148)
```
#949caf
```
#949caf rgb(148,156,175)
```
#af949c
```
#af949c rgb(175,148,156)
```

Triadic Color

#94afa7
```
#94afa7 rgb(148,175,167)
```
#949caf
```
#949caf rgb(148,156,175)
```
#af949c
```
#af949c rgb(175,148,156)
```
#afa794
```
#afa794 rgb(175,167,148)
```

Tetradic Color

#69748d
```
#69748d rgb(105,116,141)
```
#778199
```
#778199 rgb(119,129,153)
```
#858fa4
```
#858fa4 rgb(133,143,164)
```
#949caf
```
#949caf rgb(148,156,175)
```
#a3aaba
```
#a3aaba rgb(163,170,186)
```
#b1b7c5
```
#b1b7c5 rgb(177,183,197)
```
#c0c5d0
```
#c0c5d0 rgb(192,197,208)
```

Monochromatic Color

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

#94a3af
```
#94a3af rgb(148,163,175)
```
#94a1af
```
#94a1af rgb(148,161,175)
```
#949eaf
```
#949eaf rgb(148,158,175)
```
#949caf
```
#949caf rgb(148,156,175)
```
#949aaf
```
#949aaf rgb(148,154,175)
```
#9498af
```
#9498af rgb(148,152,175)
```
#9495af
```
#9495af rgb(148,149,175)
```

Similar Colors

Text with hexadecimal color #949caf

This text has a font color of #949caf.

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

#949caf background color

This paragraph has a background color of #949caf.

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

#949caf border color

This element has a border color of #949caf.

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

CSS codes

.text {color:#949caf;}

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

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

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

#040405
```
#040405 rgb(4,4,5)
```
#0c0e10
```
#0c0e10 rgb(12,14,16)
```
#15171c
```
#15171c rgb(21,23,28)
```
#1d2027
```
#1d2027 rgb(29,32,39)
```
#252932
```
#252932 rgb(37,41,50)
```
#2e323d
```
#2e323d rgb(46,50,61)
```
#363c49
```
#363c49 rgb(54,60,73)
```
#3f4554
```
#3f4554 rgb(63,69,84)
```
#474e5f
```
#474e5f rgb(71,78,95)
```
#4f576a
```
#4f576a rgb(79,87,106)
```
#586175
```
#586175 rgb(88,97,117)
```
#606a81
```
#606a81 rgb(96,106,129)
```
#69738c
```
#69738c rgb(105,115,140)
```

Shade Color Variation

#727d96
```
#727d96 rgb(114,125,150)
```
#7e879e
```
#7e879e rgb(126,135,158)
```
#8992a7
```
#8992a7 rgb(137,146,167)
```
#949caf
```
#949caf rgb(148,156,175)
```
#9fa6b7
```
#9fa6b7 rgb(159,166,183)
```
#aab1c0
```
#aab1c0 rgb(170,177,192)
```
#b6bbc8
```
#b6bbc8 rgb(182,187,200)
```
#c1c6d1
```
#c1c6d1 rgb(193,198,209)
```
#ccd0d9
```
#ccd0d9 rgb(204,208,217)
```
#d7dae1
```
#d7dae1 rgb(215,218,225)
```
#e3e5ea
```
#e3e5ea rgb(227,229,234)
```
#eeeff2
```
#eeeff2 rgb(238,239,242)
```
#f9f9fb
```
#f9f9fb rgb(249,249,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9b9fa8 is the less saturated color, while #457cfe is the most saturated one.

#9b9fa8
```
#9b9fa8 rgb(155,159,168)
```
#949caf
```
#949caf rgb(148,156,175)
```
#8d99b6
```
#8d99b6 rgb(141,153,182)
```
#8696bd
```
#8696bd rgb(134,150,189)
```
#7e93c5
```
#7e93c5 rgb(126,147,197)
```
#7790cc
```
#7790cc rgb(119,144,204)
```
#708dd3
```
#708dd3 rgb(112,141,211)
```
#698ada
```
#698ada rgb(105,138,218)
```
#6287e1
```
#6287e1 rgb(98,135,225)
```
#5a85e9
```
#5a85e9 rgb(90,133,233)
```
#5382f0
```
#5382f0 rgb(83,130,240)
```
#4c7ff7
```
#4c7ff7 rgb(76,127,247)
```
#457cfe
```
#457cfe rgb(69,124,254)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#9a9ca0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e9fb2 Protanopia 1% of men
#a69db4 Deuteranopia 1% of men
#98a2ad Tritanopia 0.001% of the population

Trichromacy

#9a9eb1 Protanomaly 1% of men, 0.01% of women
#9f9cb2 Deuteranomaly 6% of men, 0.4% of women
#969fae Tritanomaly 0.01% of the population

#949caf hex color

#949caf Color Information

#949caf Color Conversion

Color Schemes with #949caf

Alternatives to #949caf

#949caf Preview

Shades and Tints of #949caf

Tones of #949caf

Color Blindness Simulator