#3a50fa hex color

In a RGB color space, hex #3a50fa is composed of 22.7% red, 31.4% green and 98% blue. Whereas in a CMYK color space, it is composed of 76.8% cyan, 68% magenta, 0% yellow and 2% black. It has a hue angle of 233.1 degrees, a saturation of 95% and a lightness of 60.4%. #3a50fa color hex could be obtained by blending #74a0ff with #0000f5. Closest websafe color is: #3366ff.

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

● #3a50fa color description : Bright blue.

The hexadecimal color #3a50fa has RGB values of R:58, G:80, B:250 and CMYK values of C:0.77, M:0.68, Y:0, K:0.02. Its decimal value is 3821818.

Hex triplet	3a50fa	`#3a50fa`
RGB Decimal	58, 80, 250	`rgb(58,80,250)`
RGB Percent	22.7, 31.4, 98	`rgb(22.7%,31.4%,98%)`
CMYK	77, 68, 0, 2
HSL	233.1°, 95, 60.4	`hsl(233.1,95%,60.4%)`
HSV (or HSB)	233.1°, 76.8, 98
Web Safe	3366ff	`#3366ff`

CIE-LAB	43.562, 49.634, -86.314
XYZ	21.865, 13.538, 91.898
xyY	0.172, 0.106, 13.538
CIE-LCH	43.562, 99.567, 299.901
CIE-LUV	43.562, -13.101, -127.399
Hunter-Lab	36.793, 41.69, -122.332
Binary	00111010, 01010000, 11111010

#3a50fa
```
#3a50fa rgb(58,80,250)
```
#fae43a
```
#fae43a rgb(250,228,58)
```

Complementary Color

#3ab0fa
```
#3ab0fa rgb(58,176,250)
```
#3a50fa
```
#3a50fa rgb(58,80,250)
```
#843afa
```
#843afa rgb(132,58,250)
```

Analogous Color

#b0fa3a
```
#b0fa3a rgb(176,250,58)
```
#3a50fa
```
#3a50fa rgb(58,80,250)
```
#fa843a
```
#fa843a rgb(250,132,58)
```

Split Complementary Color

#50fa3a
```
#50fa3a rgb(80,250,58)
```
#3a50fa
```
#3a50fa rgb(58,80,250)
```
#fa3a50
```
#fa3a50 rgb(250,58,80)
```

Triadic Color

#3afae4
```
#3afae4 rgb(58,250,228)
```
#3a50fa
```
#3a50fa rgb(58,80,250)
```
#fa3a50
```
#fa3a50 rgb(250,58,80)
```
#fae43a
```
#fae43a rgb(250,228,58)
```

Tetradic Color

#061fe2
```
#061fe2 rgb(6,31,226)
```
#0824f9
```
#0824f9 rgb(8,36,249)
```
#213af9
```
#213af9 rgb(33,58,249)
```
#3a50fa
```
#3a50fa rgb(58,80,250)
```
#5366fb
```
#5366fb rgb(83,102,251)
```
#6c7cfb
```
#6c7cfb rgb(108,124,251)
```
#8592fc
```
#8592fc rgb(133,146,252)
```

Monochromatic Color

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

#3a80fa
```
#3a80fa rgb(58,128,250)
```
#3a70fa
```
#3a70fa rgb(58,112,250)
```
#3a60fa
```
#3a60fa rgb(58,96,250)
```
#3a50fa
```
#3a50fa rgb(58,80,250)
```
#3a40fa
```
#3a40fa rgb(58,64,250)
```
#443afa
```
#443afa rgb(68,58,250)
```
#543afa
```
#543afa rgb(84,58,250)
```

Similar Colors

Text with hexadecimal color #3a50fa

This text has a font color of #3a50fa.

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

#3a50fa background color

This paragraph has a background color of #3a50fa.

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

#3a50fa border color

This element has a border color of #3a50fa.

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

CSS codes

.text {color:#3a50fa;}

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

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

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, #00020d is the darkest color, while #f9faff is the lightest one.

#00020d
```
#00020d rgb(0,2,13)
```
#010421
```
#010421 rgb(1,4,33)
```
#010734
```
#010734 rgb(1,7,52)
```
#020a47
```
#020a47 rgb(2,10,71)
```
#020c5a
```
#020c5a rgb(2,12,90)
```
#030f6d
```
#030f6d rgb(3,15,109)
```
#031280
```
#031280 rgb(3,18,128)
```
#041493
```
#041493 rgb(4,20,147)
```
#0417a6
```
#0417a6 rgb(4,23,166)
```
#0519ba
```
#0519ba rgb(5,25,186)
```
#051ccd
```
#051ccd rgb(5,28,205)
```
#061fe0
```
#061fe0 rgb(6,31,224)
```
#0621f3
```
#0621f3 rgb(6,33,243)
```

Shade Color Variation

#142ef9
```
#142ef9 rgb(20,46,249)
```
#273ffa
```
#273ffa rgb(39,63,250)
```
#3a50fa
```
#3a50fa rgb(58,80,250)
```
#4d61fa
```
#4d61fa rgb(77,97,250)
```
#6072fb
```
#6072fb rgb(96,114,251)
```
#7383fb
```
#7383fb rgb(115,131,251)
```
#8794fc
```
#8794fc rgb(135,148,252)
```
#9aa5fc
```
#9aa5fc rgb(154,165,252)
```
#adb6fd
```
#adb6fd rgb(173,182,253)
```
#c0c7fd
```
#c0c7fd rgb(192,199,253)
```
#d3d8fe
```
#d3d8fe rgb(211,216,254)
```
#e6e9fe
```
#e6e9fe rgb(230,233,254)
```
#f9faff
```
#f9faff rgb(249,250,255)
```

Tint Color Variation

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

#97989d
```
#97989d rgb(151,152,157)
```
#8f92a5
```
#8f92a5 rgb(143,146,165)
```
#888cac
```
#888cac rgb(136,140,172)
```
#8086b4
```
#8086b4 rgb(128,134,180)
```
#7880bc
```
#7880bc rgb(120,128,188)
```
#707ac4
```
#707ac4 rgb(112,122,196)
```
#6974cb
```
#6974cb rgb(105,116,203)
```
#616ed3
```
#616ed3 rgb(97,110,211)
```
#5968db
```
#5968db rgb(89,104,219)
```
#5162e3
```
#5162e3 rgb(81,98,227)
```
#4a5cea
```
#4a5cea rgb(74,92,234)
```
#4256f2
```
#4256f2 rgb(66,86,242)
```
#3a50fa
```
#3a50fa rgb(58,80,250)
```

Tone Color Variation

Below, you can see how #3a50fa 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
#565a7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd1 Protanopia 1% of men
#0071b5 Deuteranopia 1% of men
#007980 Tritanopia 0.001% of the population

Trichromacy

#1561e0 Protanomaly 1% of men, 0.01% of women
#1565ce Deuteranomaly 6% of men, 0.4% of women
#156aac Tritanomaly 0.01% of the population

#3a50fa hex color

#3a50fa Color Information

#3a50fa Color Conversion

Color Schemes with #3a50fa

Alternatives to #3a50fa

#3a50fa Preview

Shades and Tints of #3a50fa

Tones of #3a50fa

Color Blindness Simulator