#3a40fa hex color

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

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

● #3a40fa color description : Bright blue.

The hexadecimal color #3a40fa has RGB values of R:58, G:64, B:250 and CMYK values of C:0.77, M:0.74, Y:0, K:0.02. Its decimal value is 3817722.

Hex triplet	3a40fa	`#3a40fa`
RGB Decimal	58, 64, 250	`rgb(58,64,250)`
RGB Percent	22.7, 25.1, 98	`rgb(22.7%,25.1%,98%)`
CMYK	77, 74, 0, 2
HSL	238.1°, 95, 60.4	`hsl(238.1,95%,60.4%)`
HSV (or HSB)	238.1°, 76.8, 98
Web Safe	3333ff	`#3333ff`

CIE-LAB	40.356, 58.539, -91.604
XYZ	20.83, 11.467, 91.553
xyY	0.168, 0.093, 11.467
CIE-LCH	40.356, 108.712, 302.58
CIE-LUV	40.356, -10.289, -129.887
Hunter-Lab	33.863, 50.54, -136.593
Binary	00111010, 01000000, 11111010

#3a40fa
```
#3a40fa rgb(58,64,250)
```
#faf43a
```
#faf43a rgb(250,244,58)
```

Complementary Color

#3aa0fa
```
#3aa0fa rgb(58,160,250)
```
#3a40fa
```
#3a40fa rgb(58,64,250)
```
#943afa
```
#943afa rgb(148,58,250)
```

Analogous Color

#a0fa3a
```
#a0fa3a rgb(160,250,58)
```
#3a40fa
```
#3a40fa rgb(58,64,250)
```
#fa943a
```
#fa943a rgb(250,148,58)
```

Split Complementary Color

#40fa3a
```
#40fa3a rgb(64,250,58)
```
#3a40fa
```
#3a40fa rgb(58,64,250)
```
#fa3a40
```
#fa3a40 rgb(250,58,64)
```

Triadic Color

#3afaf4
```
#3afaf4 rgb(58,250,244)
```
#3a40fa
```
#3a40fa rgb(58,64,250)
```
#fa3a40
```
#fa3a40 rgb(250,58,64)
```
#faf43a
```
#faf43a rgb(250,244,58)
```

Tetradic Color

#060de2
```
#060de2 rgb(6,13,226)
```
#0810f9
```
#0810f9 rgb(8,16,249)
```
#2128f9
```
#2128f9 rgb(33,40,249)
```
#3a40fa
```
#3a40fa rgb(58,64,250)
```
#5358fb
```
#5358fb rgb(83,88,251)
```
#6c70fb
```
#6c70fb rgb(108,112,251)
```
#8588fc
```
#8588fc rgb(133,136,252)
```

Monochromatic Color

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

#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)
```
#643afa
```
#643afa rgb(100,58,250)
```

Similar Colors

Text with hexadecimal color #3a40fa

This text has a font color of #3a40fa.

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

#3a40fa background color

This paragraph has a background color of #3a40fa.

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

#3a40fa border color

This element has a border color of #3a40fa.

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

CSS codes

.text {color:#3a40fa;}

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

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

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

#00010d
```
#00010d rgb(0,1,13)
```
#010221
```
#010221 rgb(1,2,33)
```
#010334
```
#010334 rgb(1,3,52)
```
#020447
```
#020447 rgb(2,4,71)
```
#02055a
```
#02055a rgb(2,5,90)
```
#03066d
```
#03066d rgb(3,6,109)
```
#030780
```
#030780 rgb(3,7,128)
```
#040893
```
#040893 rgb(4,8,147)
```
#0409a6
```
#0409a6 rgb(4,9,166)
```
#050aba
```
#050aba rgb(5,10,186)
```
#050bcd
```
#050bcd rgb(5,11,205)
```
#060ce0
```
#060ce0 rgb(6,12,224)
```
#060ef3
```
#060ef3 rgb(6,14,243)
```

Shade Color Variation

#141bf9
```
#141bf9 rgb(20,27,249)
```
#272dfa
```
#272dfa rgb(39,45,250)
```
#3a40fa
```
#3a40fa rgb(58,64,250)
```
#4d53fa
```
#4d53fa rgb(77,83,250)
```
#6065fb
```
#6065fb rgb(96,101,251)
```
#7378fb
```
#7378fb rgb(115,120,251)
```
#878afc
```
#878afc rgb(135,138,252)
```
#9a9dfc
```
#9a9dfc rgb(154,157,252)
```
#adaffd
```
#adaffd rgb(173,175,253)
```
#c0c2fd
```
#c0c2fd rgb(192,194,253)
```
#d3d4fe
```
#d3d4fe rgb(211,212,254)
```
#e6e7fe
```
#e6e7fe rgb(230,231,254)
```
#f9f9ff
```
#f9f9ff rgb(249,249,255)
```

Tint Color Variation

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

#97979d
```
#97979d rgb(151,151,157)
```
#8f90a5
```
#8f90a5 rgb(143,144,165)
```
#8889ac
```
#8889ac rgb(136,137,172)
```
#8082b4
```
#8082b4 rgb(128,130,180)
```
#787abc
```
#787abc rgb(120,122,188)
```
#7073c4
```
#7073c4 rgb(112,115,196)
```
#696ccb
```
#696ccb rgb(105,108,203)
```
#6164d3
```
#6164d3 rgb(97,100,211)
```
#595ddb
```
#595ddb rgb(89,93,219)
```
#5156e3
```
#5156e3 rgb(81,86,227)
```
#4a4fea
```
#4a4fea rgb(74,79,234)
```
#4247f2
```
#4247f2 rgb(66,71,242)
```
#3a40fa
```
#3a40fa rgb(58,64,250)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#4e4f74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c3 Protanopia 1% of men
#006aa9 Deuteranopia 1% of men
#007177 Tritanopia 0.001% of the population

Trichromacy

#1557d7 Protanomaly 1% of men, 0.01% of women
#155ac6 Deuteranomaly 6% of men, 0.4% of women
#155fa6 Tritanomaly 0.01% of the population

#3a40fa hex color

#3a40fa Color Information

#3a40fa Color Conversion

Color Schemes with #3a40fa

Alternatives to #3a40fa

#3a40fa Preview

Shades and Tints of #3a40fa

Tones of #3a40fa

Color Blindness Simulator