#3a50fc hex color

In a RGB color space, hex #3a50fc is composed of 22.7% red, 31.4% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 77% cyan, 68.3% magenta, 0% yellow and 1.2% black. It has a hue angle of 233.2 degrees, a saturation of 97% and a lightness of 60.8%. #3a50fc color hex could be obtained by blending #74a0ff with #0000f9. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 23
- G 31
- B 99
RGB color chart
- C 77
- M 68
- Y 0
- K 1
CMYK color chart

● #3a50fc color description : Bright blue.

The hexadecimal color #3a50fc has RGB values of R:58, G:80, B:252 and CMYK values of C:0.77, M:0.68, Y:0, K:0.01. Its decimal value is 3821820.

Hex triplet	3a50fc	`#3a50fc`
RGB Decimal	58, 80, 252	`rgb(58,80,252)`
RGB Percent	22.7, 31.4, 98.8	`rgb(22.7%,31.4%,98.8%)`
CMYK	77, 68, 0, 1
HSL	233.2°, 97, 60.8	`hsl(233.2,97%,60.8%)`
HSV (or HSB)	233.2°, 77, 98.8
Web Safe	3366ff	`#3366ff`

CIE-LAB	43.747, 50.305, -87.127
XYZ	22.181, 13.664, 93.558
xyY	0.171, 0.106, 13.664
CIE-LCH	43.747, 100.607, 300.001
CIE-LUV	43.747, -13.15, -128.626
Hunter-Lab	36.964, 42.422, -124.191
Binary	00111010, 01010000, 11111100

#3a50fc
```
#3a50fc rgb(58,80,252)
```
#fce63a
```
#fce63a rgb(252,230,58)
```

Complementary Color

#3ab1fc
```
#3ab1fc rgb(58,177,252)
```
#3a50fc
```
#3a50fc rgb(58,80,252)
```
#853afc
```
#853afc rgb(133,58,252)
```

Analogous Color

#b1fc3a
```
#b1fc3a rgb(177,252,58)
```
#3a50fc
```
#3a50fc rgb(58,80,252)
```
#fc853a
```
#fc853a rgb(252,133,58)
```

Split Complementary Color

#50fc3a
```
#50fc3a rgb(80,252,58)
```
#3a50fc
```
#3a50fc rgb(58,80,252)
```
#fc3a50
```
#fc3a50 rgb(252,58,80)
```

Triadic Color

#3afce6
```
#3afce6 rgb(58,252,230)
```
#3a50fc
```
#3a50fc rgb(58,80,252)
```
#fc3a50
```
#fc3a50 rgb(252,58,80)
```
#fce63a
```
#fce63a rgb(252,230,58)
```

Tetradic Color

#041de6
```
#041de6 rgb(4,29,230)
```
#0823fb
```
#0823fb rgb(8,35,251)
```
#213afc
```
#213afc rgb(33,58,252)
```
#3a50fc
```
#3a50fc rgb(58,80,252)
```
#5366fc
```
#5366fc rgb(83,102,252)
```
#6c7dfd
```
#6c7dfd rgb(108,125,253)
```
#8593fd
```
#8593fd rgb(133,147,253)
```

Monochromatic Color

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

#3a81fc
```
#3a81fc rgb(58,129,252)
```
#3a70fc
```
#3a70fc rgb(58,112,252)
```
#3a60fc
```
#3a60fc rgb(58,96,252)
```
#3a50fc
```
#3a50fc rgb(58,80,252)
```
#3a40fc
```
#3a40fc rgb(58,64,252)
```
#443afc
```
#443afc rgb(68,58,252)
```
#543afc
```
#543afc rgb(84,58,252)
```

Similar Colors

Text with hexadecimal color #3a50fc

This text has a font color of #3a50fc.

<span style="color:#3a50fc;">Text here</span>

#3a50fc background color

This paragraph has a background color of #3a50fc.

<p style="background-color:#3a50fc;">Content here</p>

#3a50fc border color

This element has a border color of #3a50fc.

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

CSS codes

.text {color:#3a50fc;}

.background {background-color:#3a50fc;}

.border {border:1px solid #3a50fc;}

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

#000210
```
#000210 rgb(0,2,16)
```
#010423
```
#010423 rgb(1,4,35)
```
#010736
```
#010736 rgb(1,7,54)
```
#010949
```
#010949 rgb(1,9,73)
```
#010c5d
```
#010c5d rgb(1,12,93)
```
#020e70
```
#020e70 rgb(2,14,112)
```
#021183
```
#021183 rgb(2,17,131)
```
#021397
```
#021397 rgb(2,19,151)
```
#0316aa
```
#0316aa rgb(3,22,170)
```
#0318bd
```
#0318bd rgb(3,24,189)
```
#031ad1
```
#031ad1 rgb(3,26,209)
```
#031de4
```
#031de4 rgb(3,29,228)
```
#041ff7
```
#041ff7 rgb(4,31,247)
```

Shade Color Variation

#132efb
```
#132efb rgb(19,46,251)
```
#273ffc
```
#273ffc rgb(39,63,252)
```
#3a50fc
```
#3a50fc rgb(58,80,252)
```
#4d61fc
```
#4d61fc rgb(77,97,252)
```
#6172fd
```
#6172fd rgb(97,114,253)
```
#7483fd
```
#7483fd rgb(116,131,253)
```
#8795fd
```
#8795fd rgb(135,149,253)
```
#9ba6fd
```
#9ba6fd rgb(155,166,253)
```
#aeb7fe
```
#aeb7fe rgb(174,183,254)
```
#c1c8fe
```
#c1c8fe rgb(193,200,254)
```
#d5d9fe
```
#d5d9fe rgb(213,217,254)
```
#e8eaff
```
#e8eaff rgb(232,234,255)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9697a0 is the less saturated color, while #3a50fc is the most saturated one.

#9697a0
```
#9697a0 rgb(150,151,160)
```
#8f91a7
```
#8f91a7 rgb(143,145,167)
```
#878baf
```
#878baf rgb(135,139,175)
```
#7f86b7
```
#7f86b7 rgb(127,134,183)
```
#7880be
```
#7880be rgb(120,128,190)
```
#707ac6
```
#707ac6 rgb(112,122,198)
```
#6874ce
```
#6874ce rgb(104,116,206)
```
#606ed6
```
#606ed6 rgb(96,110,214)
```
#5968dd
```
#5968dd rgb(89,104,221)
```
#5162e5
```
#5162e5 rgb(81,98,229)
```
#495ced
```
#495ced rgb(73,92,237)
```
#4256f4
```
#4256f4 rgb(66,86,244)
```
#3a50fc
```
#3a50fc rgb(58,80,252)
```

Tone Color Variation

Below, you can see how #3a50fc 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

#5d5d5d Achromatopsia 0.005% of the population
#565a7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd2 Protanopia 1% of men
#0072b6 Deuteranopia 1% of men
#007a80 Tritanopia 0.001% of the population

Trichromacy

#1561e1 Protanomaly 1% of men, 0.01% of women
#1565cf Deuteranomaly 6% of men, 0.4% of women
#156aad Tritanomaly 0.01% of the population

#3a50fc hex color

#3a50fc Color Information

#3a50fc Color Conversion

Color Schemes with #3a50fc

Alternatives to #3a50fc

#3a50fc Preview

Shades and Tints of #3a50fc

Tones of #3a50fc

Color Blindness Simulator