#948fc4 hex color

In a RGB color space, hex #948fc4 is composed of 58% red, 56.1% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 24.5% cyan, 27% magenta, 0% yellow and 23.1% black. It has a hue angle of 245.7 degrees, a saturation of 31% and a lightness of 66.5%. #948fc4 color hex could be obtained by blending #ffffff with #291f89. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 58
- G 56
- B 77
RGB color chart
- C 24
- M 27
- Y 0
- K 23
CMYK color chart

● #948fc4 color description : Slightly desaturated blue.

The hexadecimal color #948fc4 has RGB values of R:148, G:143, B:196 and CMYK values of C:0.24, M:0.27, Y:0, K:0.23. Its decimal value is 9736132.

Hex triplet	948fc4	`#948fc4`
RGB Decimal	148, 143, 196	`rgb(148,143,196)`
RGB Percent	58, 56.1, 76.9	`rgb(58%,56.1%,76.9%)`
CMYK	24, 27, 0, 23
HSL	245.7°, 31, 66.5	`hsl(245.7,31%,66.5%)`
HSV (or HSB)	245.7°, 27, 76.9
Web Safe	9999cc	`#9999cc`

CIE-LAB	61.59, 13.384, -26.761
XYZ	31.997, 29.926, 56.312
xyY	0.271, 0.253, 29.926
CIE-LCH	61.59, 29.921, 296.571
CIE-LUV	61.59, -0.705, -43.127
Hunter-Lab	54.705, 8.673, -22.739
Binary	10010100, 10001111, 11000100

#948fc4
```
#948fc4 rgb(148,143,196)
```
#bfc48f
```
#bfc48f rgb(191,196,143)
```

Complementary Color

#8fa5c4
```
#8fa5c4 rgb(143,165,196)
```
#948fc4
```
#948fc4 rgb(148,143,196)
```
#af8fc4
```
#af8fc4 rgb(175,143,196)
```

Analogous Color

#a5c48f
```
#a5c48f rgb(165,196,143)
```
#948fc4
```
#948fc4 rgb(148,143,196)
```
#c4af8f
```
#c4af8f rgb(196,175,143)
```

Split Complementary Color

#8fc494
```
#8fc494 rgb(143,196,148)
```
#948fc4
```
#948fc4 rgb(148,143,196)
```
#c4948f
```
#c4948f rgb(196,148,143)
```

Triadic Color

#8fbfc4
```
#8fbfc4 rgb(143,191,196)
```
#948fc4
```
#948fc4 rgb(148,143,196)
```
#c4948f
```
#c4948f rgb(196,148,143)
```
#bfc48f
```
#bfc48f rgb(191,196,143)
```

Tetradic Color

#645daa
```
#645daa rgb(100,93,170)
```
#746eb2
```
#746eb2 rgb(116,110,178)
```
#847ebb
```
#847ebb rgb(132,126,187)
```
#948fc4
```
#948fc4 rgb(148,143,196)
```
#a4a0cd
```
#a4a0cd rgb(164,160,205)
```
#b4b0d6
```
#b4b0d6 rgb(180,176,214)
```
#c4c1de
```
#c4c1de rgb(196,193,222)
```

Monochromatic Color

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

#8f97c4
```
#8f97c4 rgb(143,151,196)
```
#8f93c4
```
#8f93c4 rgb(143,147,196)
```
#908fc4
```
#908fc4 rgb(144,143,196)
```
#948fc4
```
#948fc4 rgb(148,143,196)
```
#988fc4
```
#988fc4 rgb(152,143,196)
```
#9d8fc4
```
#9d8fc4 rgb(157,143,196)
```
#a18fc4
```
#a18fc4 rgb(161,143,196)
```

Similar Colors

Text with hexadecimal color #948fc4

This text has a font color of #948fc4.

<span style="color:#948fc4;">Text here</span>

#948fc4 background color

This paragraph has a background color of #948fc4.

<p style="background-color:#948fc4;">Content here</p>

#948fc4 border color

This element has a border color of #948fc4.

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

CSS codes

.text {color:#948fc4;}

.background {background-color:#948fc4;}

.border {border:1px solid #948fc4;}

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 #f6f6fa is the lightest one.

#020204
```
#020204 rgb(2,2,4)
```
#090910
```
#090910 rgb(9,9,16)
```
#110f1d
```
#110f1d rgb(17,15,29)
```
#18162a
```
#18162a rgb(24,22,42)
```
#1f1d37
```
#1f1d37 rgb(31,29,55)
```
#272444
```
#272444 rgb(39,36,68)
```
#2e2b51
```
#2e2b51 rgb(46,43,81)
```
#35315e
```
#35315e rgb(53,49,94)
```
#3d386a
```
#3d386a rgb(61,56,106)
```
#443f77
```
#443f77 rgb(68,63,119)
```
#4b4684
```
#4b4684 rgb(75,70,132)
```
#534c91
```
#534c91 rgb(83,76,145)
```
#5a539e
```
#5a539e rgb(90,83,158)
```

Shade Color Variation

#635ca9
```
#635ca9 rgb(99,92,169)
```
#6f68b0
```
#6f68b0 rgb(111,104,176)
```
#7b75b6
```
#7b75b6 rgb(123,117,182)
```
#8882bd
```
#8882bd rgb(136,130,189)
```
#948fc4
```
#948fc4 rgb(148,143,196)
```
#a09ccb
```
#a09ccb rgb(160,156,203)
```
#ada9d2
```
#ada9d2 rgb(173,169,210)
```
#b9b6d8
```
#b9b6d8 rgb(185,182,216)
```
#c5c2df
```
#c5c2df rgb(197,194,223)
```
#d1cfe6
```
#d1cfe6 rgb(209,207,230)
```
#dedced
```
#dedced rgb(222,220,237)
```
#eae9f3
```
#eae9f3 rgb(234,233,243)
```
#f6f6fa
```
#f6f6fa rgb(246,246,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a9a9aa is the less saturated color, while #695af9 is the most saturated one.

#a9a9aa
```
#a9a9aa rgb(169,169,170)
```
#a4a3b0
```
#a4a3b0 rgb(164,163,176)
```
#9f9cb7
```
#9f9cb7 rgb(159,156,183)
```
#9996bd
```
#9996bd rgb(153,150,189)
```
#948fc4
```
#948fc4 rgb(148,143,196)
```
#8f88cb
```
#8f88cb rgb(143,136,203)
```
#8982d1
```
#8982d1 rgb(137,130,209)
```
#847bd8
```
#847bd8 rgb(132,123,216)
```
#7f75de
```
#7f75de rgb(127,117,222)
```
#796ee5
```
#796ee5 rgb(121,110,229)
```
#7468eb
```
#7468eb rgb(116,104,235)
```
#6f61f2
```
#6f61f2 rgb(111,97,242)
```
#695af9
```
#695af9 rgb(105,90,249)
```

Tone Color Variation

Below, you can see how #948fc4 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

#979797 Achromatopsia 0.005% of the population
#9695a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b98c9 Protanopia 1% of men
#8f98c5 Deuteranopia 1% of men
#919ba6 Tritanopia 0.001% of the population

Trichromacy

#8e95c7 Protanomaly 1% of men, 0.01% of women
#9194c5 Deuteranomaly 6% of men, 0.4% of women
#9296b1 Tritanomaly 0.01% of the population

#948fc4 hex color

#948fc4 Color Information

#948fc4 Color Conversion

Color Schemes with #948fc4

Alternatives to #948fc4

#948fc4 Preview

Shades and Tints of #948fc4

Tones of #948fc4

Color Blindness Simulator