#949cfd hex color

In a RGB color space, hex #949cfd is composed of 58% red, 61.2% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 41.5% cyan, 38.3% magenta, 0% yellow and 0.8% black. It has a hue angle of 235.4 degrees, a saturation of 96.3% and a lightness of 78.6%. #949cfd color hex could be obtained by blending #ffffff with #2939fb. Closest websafe color is: #9999ff.

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

● #949cfd color description : Very soft blue.

The hexadecimal color #949cfd has RGB values of R:148, G:156, B:253 and CMYK values of C:0.42, M:0.38, Y:0, K:0.01. Its decimal value is 9739517.

Hex triplet	949cfd	`#949cfd`
RGB Decimal	148, 156, 253	`rgb(148,156,253)`
RGB Percent	58, 61.2, 99.2	`rgb(58%,61.2%,99.2%)`
CMYK	42, 38, 0, 1
HSL	235.4°, 96.3, 78.6	`hsl(235.4,96.3%,78.6%)`
HSV (or HSB)	235.4°, 41.5, 99.2
Web Safe	9999ff	`#9999ff`

CIE-LAB	67.4, 20.835, -49.238
XYZ	41.827, 37.164, 97.893
xyY	0.236, 0.21, 37.164
CIE-LCH	67.4, 53.465, 292.935
CIE-LUV	67.4, -9.178, -82.161
Hunter-Lab	60.962, 15.789, -52.534
Binary	10010100, 10011100, 11111101

#949cfd
```
#949cfd rgb(148,156,253)
```
#fdf594
```
#fdf594 rgb(253,245,148)
```

Complementary Color

#94d1fd
```
#94d1fd rgb(148,209,253)
```
#949cfd
```
#949cfd rgb(148,156,253)
```
#c194fd
```
#c194fd rgb(193,148,253)
```

Analogous Color

#d1fd94
```
#d1fd94 rgb(209,253,148)
```
#949cfd
```
#949cfd rgb(148,156,253)
```
#fdc194
```
#fdc194 rgb(253,193,148)
```

Split Complementary Color

#9cfd94
```
#9cfd94 rgb(156,253,148)
```
#949cfd
```
#949cfd rgb(148,156,253)
```
#fd949c
```
#fd949c rgb(253,148,156)
```

Triadic Color

#94fdf5
```
#94fdf5 rgb(148,253,245)
```
#949cfd
```
#949cfd rgb(148,156,253)
```
#fd949c
```
#fd949c rgb(253,148,156)
```
#fdf594
```
#fdf594 rgb(253,245,148)
```

Tetradic Color

#4957fc
```
#4957fc rgb(73,87,252)
```
#626efc
```
#626efc rgb(98,110,252)
```
#7b85fd
```
#7b85fd rgb(123,133,253)
```
#949cfd
```
#949cfd rgb(148,156,253)
```
#adb3fd
```
#adb3fd rgb(173,179,253)
```
#c6cafe
```
#c6cafe rgb(198,202,254)
```
#dfe1fe
```
#dfe1fe rgb(223,225,254)
```

Monochromatic Color

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

#94b6fd
```
#94b6fd rgb(148,182,253)
```
#94aefd
```
#94aefd rgb(148,174,253)
```
#94a5fd
```
#94a5fd rgb(148,165,253)
```
#949cfd
```
#949cfd rgb(148,156,253)
```
#9594fd
```
#9594fd rgb(149,148,253)
```
#9e94fd
```
#9e94fd rgb(158,148,253)
```
#a694fd
```
#a694fd rgb(166,148,253)
```

Similar Colors

Text with hexadecimal color #949cfd

This text has a font color of #949cfd.

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

#949cfd background color

This paragraph has a background color of #949cfd.

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

#949cfd border color

This element has a border color of #949cfd.

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

CSS codes

.text {color:#949cfd;}

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

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

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

#000109
```
#000109 rgb(0,1,9)
```
#01031c
```
#01031c rgb(1,3,28)
```
#01042f
```
#01042f rgb(1,4,47)
```
#010642
```
#010642 rgb(1,6,66)
```
#020856
```
#020856 rgb(2,8,86)
```
#020a69
```
#020a69 rgb(2,10,105)
```
#020c7c
```
#020c7c rgb(2,12,124)
```
#030d8f
```
#030d8f rgb(3,13,143)
```
#030fa3
```
#030fa3 rgb(3,15,163)
```
#0311b6
```
#0311b6 rgb(3,17,182)
```
#0413c9
```
#0413c9 rgb(4,19,201)
```
#0415dc
```
#0415dc rgb(4,21,220)
```
#0416f0
```
#0416f0 rgb(4,22,240)
```

Shade Color Variation

#0d1ffa
```
#0d1ffa rgb(13,31,250)
```
#2031fb
```
#2031fb rgb(32,49,251)
```
#3443fb
```
#3443fb rgb(52,67,251)
```
#4755fc
```
#4755fc rgb(71,85,252)
```
#5a67fc
```
#5a67fc rgb(90,103,252)
```
#6d78fc
```
#6d78fc rgb(109,120,252)
```
#818afd
```
#818afd rgb(129,138,253)
```
#949cfd
```
#949cfd rgb(148,156,253)
```
#a7aefd
```
#a7aefd rgb(167,174,253)
```
#bbc0fe
```
#bbc0fe rgb(187,192,254)
```
#ced1fe
```
#ced1fe rgb(206,209,254)
```
#e1e3fe
```
#e1e3fe rgb(225,227,254)
```
#f4f5ff
```
#f4f5ff rgb(244,245,255)
```

Tint Color Variation

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

#c6c7cb
```
#c6c7cb rgb(198,199,203)
```
#c2c3cf
```
#c2c3cf rgb(194,195,207)
```
#bec0d3
```
#bec0d3 rgb(190,192,211)
```
#babcd7
```
#babcd7 rgb(186,188,215)
```
#b6b8db
```
#b6b8db rgb(182,184,219)
```
#b1b5e0
```
#b1b5e0 rgb(177,181,224)
```
#adb1e4
```
#adb1e4 rgb(173,177,228)
```
#a9aee8
```
#a9aee8 rgb(169,174,232)
```
#a5aaec
```
#a5aaec rgb(165,170,236)
```
#a1a7f0
```
#a1a7f0 rgb(161,167,240)
```
#9ca3f5
```
#9ca3f5 rgb(156,163,245)
```
#98a0f9
```
#98a0f9 rgb(152,160,249)
```
#949cfd
```
#949cfd rgb(148,156,253)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#a2a3b7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#84a5ff Protanopia 1% of men
#7ba8fa Deuteranopia 1% of men
#84afbc Tritanopia 0.001% of the population

Trichromacy

#8aa2fe Protanomaly 1% of men, 0.01% of women
#84a4fb Deuteranomaly 6% of men, 0.4% of women
#8aa8d3 Tritanomaly 0.01% of the population

#949cfd hex color

#949cfd Color Information

#949cfd Color Conversion

Color Schemes with #949cfd

Alternatives to #949cfd

#949cfd Preview

Shades and Tints of #949cfd

Tones of #949cfd

Color Blindness Simulator