#949bf9 hex color

In a RGB color space, hex #949bf9 is composed of 58% red, 60.8% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 40.6% cyan, 37.8% magenta, 0% yellow and 2.4% black. It has a hue angle of 235.8 degrees, a saturation of 89.4% and a lightness of 77.8%. #949bf9 color hex could be obtained by blending #ffffff with #2937f3. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 58
- G 61
- B 98
RGB color chart
- C 41
- M 38
- Y 0
- K 2
CMYK color chart

● #949bf9 color description : Very soft blue.

The hexadecimal color #949bf9 has RGB values of R:148, G:155, B:249 and CMYK values of C:0.41, M:0.38, Y:0, K:0.02. Its decimal value is 9739257.

Hex triplet	949bf9	`#949bf9`
RGB Decimal	148, 155, 249	`rgb(148,155,249)`
RGB Percent	58, 60.8, 97.6	`rgb(58%,60.8%,97.6%)`
CMYK	41, 38, 0, 2
HSL	235.8°, 89.4, 77.8	`hsl(235.8,89.4%,77.8%)`
HSV (or HSB)	235.8°, 40.6, 97.6
Web Safe	9999ff	`#9999ff`

CIE-LAB	66.959, 20.302, -47.753
XYZ	41.03, 36.577, 94.516
xyY	0.238, 0.213, 36.577
CIE-LCH	66.959, 51.89, 293.033
CIE-LUV	66.959, -8.614, -79.52
Hunter-Lab	60.479, 15.258, -50.322
Binary	10010100, 10011011, 11111001

#949bf9
```
#949bf9 rgb(148,155,249)
```
#f9f294
```
#f9f294 rgb(249,242,148)
```

Complementary Color

#94cef9
```
#94cef9 rgb(148,206,249)
```
#949bf9
```
#949bf9 rgb(148,155,249)
```
#c094f9
```
#c094f9 rgb(192,148,249)
```

Analogous Color

#cef994
```
#cef994 rgb(206,249,148)
```
#949bf9
```
#949bf9 rgb(148,155,249)
```
#f9c094
```
#f9c094 rgb(249,192,148)
```

Split Complementary Color

#9bf994
```
#9bf994 rgb(155,249,148)
```
#949bf9
```
#949bf9 rgb(148,155,249)
```
#f9949b
```
#f9949b rgb(249,148,155)
```

Triadic Color

#94f9f2
```
#94f9f2 rgb(148,249,242)
```
#949bf9
```
#949bf9 rgb(148,155,249)
```
#f9949b
```
#f9949b rgb(249,148,155)
```
#f9f294
```
#f9f294 rgb(249,242,148)
```

Tetradic Color

#4c57f5
```
#4c57f5 rgb(76,87,245)
```
#646ef6
```
#646ef6 rgb(100,110,246)
```
#7c84f8
```
#7c84f8 rgb(124,132,248)
```
#949bf9
```
#949bf9 rgb(148,155,249)
```
#acb2fa
```
#acb2fa rgb(172,178,250)
```
#c4c8fc
```
#c4c8fc rgb(196,200,252)
```
#dcdffd
```
#dcdffd rgb(220,223,253)
```

Monochromatic Color

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

#94b4f9
```
#94b4f9 rgb(148,180,249)
```
#94acf9
```
#94acf9 rgb(148,172,249)
```
#94a3f9
```
#94a3f9 rgb(148,163,249)
```
#949bf9
```
#949bf9 rgb(148,155,249)
```
#9594f9
```
#9594f9 rgb(149,148,249)
```
#9e94f9
```
#9e94f9 rgb(158,148,249)
```
#a694f9
```
#a694f9 rgb(166,148,249)
```

Similar Colors

Text with hexadecimal color #949bf9

This text has a font color of #949bf9.

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

#949bf9 background color

This paragraph has a background color of #949bf9.

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

#949bf9 border color

This element has a border color of #949bf9.

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

CSS codes

.text {color:#949bf9;}

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

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

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

#000104
```
#000104 rgb(0,1,4)
```
#010317
```
#010317 rgb(1,3,23)
```
#02052a
```
#02052a rgb(2,5,42)
```
#03073c
```
#03073c rgb(3,7,60)
```
#040a4f
```
#040a4f rgb(4,10,79)
```
#050c61
```
#050c61 rgb(5,12,97)
```
#060e74
```
#060e74 rgb(6,14,116)
```
#081086
```
#081086 rgb(8,16,134)
```
#091399
```
#091399 rgb(9,19,153)
```
#0a15ac
```
#0a15ac rgb(10,21,172)
```
#0b17be
```
#0b17be rgb(11,23,190)
```
#0c19d1
```
#0c19d1 rgb(12,25,209)
```
#0d1ce3
```
#0d1ce3 rgb(13,28,227)
```

Shade Color Variation

#1221f2
```
#1221f2 rgb(18,33,242)
```
#2533f3
```
#2533f3 rgb(37,51,243)
```
#3744f4
```
#3744f4 rgb(55,68,244)
```
#4a56f5
```
#4a56f5 rgb(74,86,245)
```
#5c67f6
```
#5c67f6 rgb(92,103,246)
```
#6f78f7
```
#6f78f7 rgb(111,120,247)
```
#818af8
```
#818af8 rgb(129,138,248)
```
#949bf9
```
#949bf9 rgb(148,155,249)
```
#a7acfa
```
#a7acfa rgb(167,172,250)
```
#b9befb
```
#b9befb rgb(185,190,251)
```
#cccffc
```
#cccffc rgb(204,207,252)
```
#dee0fd
```
#dee0fd rgb(222,224,253)
```
#f1f2fe
```
#f1f2fe rgb(241,242,254)
```

Tint Color Variation

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

#c4c4c9
```
#c4c4c9 rgb(196,196,201)
```
#bfc0ce
```
#bfc0ce rgb(191,192,206)
```
#bbbdd2
```
#bbbdd2 rgb(187,189,210)
```
#b7b9d6
```
#b7b9d6 rgb(183,185,214)
```
#b2b5db
```
#b2b5db rgb(178,181,219)
```
#aeb1df
```
#aeb1df rgb(174,177,223)
```
#aaaee3
```
#aaaee3 rgb(170,174,227)
```
#a5aae8
```
#a5aae8 rgb(165,170,232)
```
#a1a6ec
```
#a1a6ec rgb(161,166,236)
```
#9da2f0
```
#9da2f0 rgb(157,162,240)
```
#989ff5
```
#989ff5 rgb(152,159,245)
```
#949bf9
```
#949bf9 rgb(148,155,249)
```
#9097fd
```
#9097fd rgb(144,151,253)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#a1a2b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#84a4fc Protanopia 1% of men
#7da7f6 Deuteranopia 1% of men
#85aeba Tritanopia 0.001% of the population

Trichromacy

#89a1fb Protanomaly 1% of men, 0.01% of women
#85a2f7 Deuteranomaly 6% of men, 0.4% of women
#8aa7d1 Tritanomaly 0.01% of the population

#949bf9 hex color

#949bf9 Color Information

#949bf9 Color Conversion

Color Schemes with #949bf9

Alternatives to #949bf9

#949bf9 Preview

Shades and Tints of #949bf9

Tones of #949bf9

Color Blindness Simulator