#949bff hex color

In a RGB color space, hex #949bff is composed of 58% red, 60.8% green and 100% blue. Whereas in a CMYK color space, it is composed of 42% cyan, 39.2% magenta, 0% yellow and 0% black. It has a hue angle of 236.1 degrees, a saturation of 100% and a lightness of 79%. #949bff color hex could be obtained by blending #ffffff with #2937ff. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 58
- G 61
- B 100
RGB color chart
- C 42
- M 39
- Y 0
- K 0
CMYK color chart

● #949bff color description : Very light blue.

The hexadecimal color #949bff has RGB values of R:148, G:155, B:255 and CMYK values of C:0.42, M:0.39, Y:0, K:0. Its decimal value is 9739263.

Hex triplet	949bff	`#949bff`
RGB Decimal	148, 155, 255	`rgb(148,155,255)`
RGB Percent	58, 60.8, 100	`rgb(58%,60.8%,100%)`
CMYK	42, 39, 0, 0
HSL	236.1°, 100, 79	`hsl(236.1,100%,79%)`
HSV (or HSB)	236.1°, 42, 100
Web Safe	9999ff	`#9999ff`

CIE-LAB	67.245, 21.964, -50.571
XYZ	41.981, 36.957, 99.524
xyY	0.235, 0.207, 36.957
CIE-LCH	67.245, 55.135, 293.476
CIE-LUV	67.245, -8.916, -84.5
Hunter-Lab	60.793, 16.877, -54.509
Binary	10010100, 10011011, 11111111

#949bff
```
#949bff rgb(148,155,255)
```
#fff894
```
#fff894 rgb(255,248,148)
```

Complementary Color

#94d1ff
```
#94d1ff rgb(148,209,255)
```
#949bff
```
#949bff rgb(148,155,255)
```
#c394ff
```
#c394ff rgb(195,148,255)
```

Analogous Color

#d1ff94
```
#d1ff94 rgb(209,255,148)
```
#949bff
```
#949bff rgb(148,155,255)
```
#ffc394
```
#ffc394 rgb(255,195,148)
```

Split Complementary Color

#9bff94
```
#9bff94 rgb(155,255,148)
```
#949bff
```
#949bff rgb(148,155,255)
```
#ff949b
```
#ff949b rgb(255,148,155)
```

Triadic Color

#94fff8
```
#94fff8 rgb(148,255,248)
```
#949bff
```
#949bff rgb(148,155,255)
```
#ff949b
```
#ff949b rgb(255,148,155)
```
#fff894
```
#fff894 rgb(255,248,148)
```

Tetradic Color

#4854ff
```
#4854ff rgb(72,84,255)
```
#616bff
```
#616bff rgb(97,107,255)
```
#7b83ff
```
#7b83ff rgb(123,131,255)
```
#949bff
```
#949bff rgb(148,155,255)
```
#aeb3ff
```
#aeb3ff rgb(174,179,255)
```
#c7cbff
```
#c7cbff rgb(199,203,255)
```
#e1e2ff
```
#e1e2ff rgb(225,226,255)
```

Monochromatic Color

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

#94b6ff
```
#94b6ff rgb(148,182,255)
```
#94adff
```
#94adff rgb(148,173,255)
```
#94a4ff
```
#94a4ff rgb(148,164,255)
```
#949bff
```
#949bff rgb(148,155,255)
```
#9694ff
```
#9694ff rgb(150,148,255)
```
#9f94ff
```
#9f94ff rgb(159,148,255)
```
#a894ff
```
#a894ff rgb(168,148,255)
```

Similar Colors

Text with hexadecimal color #949bff

This text has a font color of #949bff.

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

#949bff background color

This paragraph has a background color of #949bff.

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

#949bff border color

This element has a border color of #949bff.

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

CSS codes

.text {color:#949bff;}

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

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

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, #00010b is the darkest color, while #f6f7ff is the lightest one.

#00010b
```
#00010b rgb(0,1,11)
```
#00021e
```
#00021e rgb(0,2,30)
```
#000332
```
#000332 rgb(0,3,50)
```
#000546
```
#000546 rgb(0,5,70)
```
#000659
```
#000659 rgb(0,6,89)
```
#00076d
```
#00076d rgb(0,7,109)
```
#000880
```
#000880 rgb(0,8,128)
```
#000a94
```
#000a94 rgb(0,10,148)
```
#000ba8
```
#000ba8 rgb(0,11,168)
```
#000cbb
```
#000cbb rgb(0,12,187)
```
#000ecf
```
#000ecf rgb(0,14,207)
```
#000fe2
```
#000fe2 rgb(0,15,226)
```
#0010f6
```
#0010f6 rgb(0,16,246)
```

Shade Color Variation

#0b1bff
```
#0b1bff rgb(11,27,255)
```
#1e2dff
```
#1e2dff rgb(30,45,255)
```
#323fff
```
#323fff rgb(50,63,255)
```
#4652ff
```
#4652ff rgb(70,82,255)
```
#5964ff
```
#5964ff rgb(89,100,255)
```
#6d76ff
```
#6d76ff rgb(109,118,255)
```
#8089ff
```
#8089ff rgb(128,137,255)
```
#949bff
```
#949bff rgb(148,155,255)
```
#a8adff
```
#a8adff rgb(168,173,255)
```
#bbc0ff
```
#bbc0ff rgb(187,192,255)
```
#cfd2ff
```
#cfd2ff rgb(207,210,255)
```
#e2e4ff
```
#e2e4ff rgb(226,228,255)
```
#f6f7ff
```
#f6f7ff rgb(246,247,255)
```

Tint Color Variation

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

#c5c6ce
```
#c5c6ce rgb(197,198,206)
```
#c1c2d2
```
#c1c2d2 rgb(193,194,210)
```
#bdbfd6
```
#bdbfd6 rgb(189,191,214)
```
#b9bbda
```
#b9bbda rgb(185,187,218)
```
#b5b8de
```
#b5b8de rgb(181,184,222)
```
#b1b4e2
```
#b1b4e2 rgb(177,180,226)
```
#adb0e6
```
#adb0e6 rgb(173,176,230)
```
#a9adea
```
#a9adea rgb(169,173,234)
```
#a4a9ef
```
#a4a9ef rgb(164,169,239)
```
#a0a6f3
```
#a0a6f3 rgb(160,166,243)
```
#9ca2f7
```
#9ca2f7 rgb(156,162,247)
```
#989ffb
```
#989ffb rgb(152,159,251)
```
#949bff
```
#949bff rgb(148,155,255)
```

Tone Color Variation

Below, you can see how #949bff 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
#a1a2b6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#83a5ff Protanopia 1% of men
#78a8fb Deuteranopia 1% of men
#83afbc Tritanopia 0.001% of the population

Trichromacy

#89a1ff Protanomaly 1% of men, 0.01% of women
#82a3fc Deuteranomaly 6% of men, 0.4% of women
#89a7d4 Tritanomaly 0.01% of the population

#949bff hex color

#949bff Color Information

#949bff Color Conversion

Color Schemes with #949bff

Alternatives to #949bff

#949bff Preview

Shades and Tints of #949bff

Tones of #949bff

Color Blindness Simulator