#3a40c2 hex color

In a RGB color space, hex #3a40c2 is composed of 22.7% red, 25.1% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 70.1% cyan, 67% magenta, 0% yellow and 23.9% black. It has a hue angle of 237.4 degrees, a saturation of 54% and a lightness of 49.4%. #3a40c2 color hex could be obtained by blending #7480ff with #000085. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 23
- G 25
- B 76
RGB color chart
- C 70
- M 67
- Y 0
- K 24
CMYK color chart

● #3a40c2 color description : Moderate blue.

The hexadecimal color #3a40c2 has RGB values of R:58, G:64, B:194 and CMYK values of C:0.7, M:0.67, Y:0, K:0.24. Its decimal value is 3817666.

Hex triplet	3a40c2	`#3a40c2`
RGB Decimal	58, 64, 194	`rgb(58,64,194)`
RGB Percent	22.7, 25.1, 76.1	`rgb(22.7%,25.1%,76.1%)`
CMYK	70, 67, 0, 24
HSL	237.4°, 54, 49.4	`hsl(237.4,54%,49.4%)`
HSV (or HSB)	237.4°, 70.1, 76.1
Web Safe	3333cc	`#3333cc`

CIE-LAB	34.924, 40.171, -68.497
XYZ	13.314, 8.461, 51.967
xyY	0.181, 0.115, 8.461
CIE-LCH	34.924, 79.408, 300.39
CIE-LUV	34.924, -8.171, -95.887
Hunter-Lab	29.087, 30.802, -85.567
Binary	00111010, 01000000, 11000010

#3a40c2
```
#3a40c2 rgb(58,64,194)
```
#c2bc3a
```
#c2bc3a rgb(194,188,58)
```

Complementary Color

#3a84c2
```
#3a84c2 rgb(58,132,194)
```
#3a40c2
```
#3a40c2 rgb(58,64,194)
```
#783ac2
```
#783ac2 rgb(120,58,194)
```

Analogous Color

#84c23a
```
#84c23a rgb(132,194,58)
```
#3a40c2
```
#3a40c2 rgb(58,64,194)
```
#c2783a
```
#c2783a rgb(194,120,58)
```

Split Complementary Color

#40c23a
```
#40c23a rgb(64,194,58)
```
#3a40c2
```
#3a40c2 rgb(58,64,194)
```
#c23a40
```
#c23a40 rgb(194,58,64)
```

Triadic Color

#3ac2bc
```
#3ac2bc rgb(58,194,188)
```
#3a40c2
```
#3a40c2 rgb(58,64,194)
```
#c23a40
```
#c23a40 rgb(194,58,64)
```
#c2bc3a
```
#c2bc3a rgb(194,188,58)
```

Tetradic Color

#282d87
```
#282d87 rgb(40,45,135)
```
#2e339b
```
#2e339b rgb(46,51,155)
```
#343aae
```
#343aae rgb(52,58,174)
```
#3a40c2
```
#3a40c2 rgb(58,64,194)
```
#4c52c9
```
#4c52c9 rgb(76,82,201)
```
#6065cf
```
#6065cf rgb(96,101,207)
```
#7378d5
```
#7378d5 rgb(115,120,213)
```

Monochromatic Color

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

#3a62c2
```
#3a62c2 rgb(58,98,194)
```
#3a57c2
```
#3a57c2 rgb(58,87,194)
```
#3a4bc2
```
#3a4bc2 rgb(58,75,194)
```
#3a40c2
```
#3a40c2 rgb(58,64,194)
```
#3f3ac2
```
#3f3ac2 rgb(63,58,194)
```
#4b3ac2
```
#4b3ac2 rgb(75,58,194)
```
#563ac2
```
#563ac2 rgb(86,58,194)
```

Similar Colors

Text with hexadecimal color #3a40c2

This text has a font color of #3a40c2.

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

#3a40c2 background color

This paragraph has a background color of #3a40c2.

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

#3a40c2 border color

This element has a border color of #3a40c2.

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

CSS codes

.text {color:#3a40c2;}

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

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

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

#04040d
```
#04040d rgb(4,4,13)
```
#08091c
```
#08091c rgb(8,9,28)
```
#0d0e2b
```
#0d0e2b rgb(13,14,43)
```
#11133a
```
#11133a rgb(17,19,58)
```
#161849
```
#161849 rgb(22,24,73)
```
#1a1d58
```
#1a1d58 rgb(26,29,88)
```
#1f2267
```
#1f2267 rgb(31,34,103)
```
#232776
```
#232776 rgb(35,39,118)
```
#282c86
```
#282c86 rgb(40,44,134)
```
#2c3195
```
#2c3195 rgb(44,49,149)
```
#3136a4
```
#3136a4 rgb(49,54,164)
```
#353bb3
```
#353bb3 rgb(53,59,179)
```
#3a40c2
```
#3a40c2 rgb(58,64,194)
```

Shade Color Variation

#474dc8
```
#474dc8 rgb(71,77,200)
```
#575ccd
```
#575ccd rgb(87,92,205)
```
#666ad1
```
#666ad1 rgb(102,106,209)
```
#7579d6
```
#7579d6 rgb(117,121,214)
```
#8488da
```
#8488da rgb(132,136,218)
```
#9396df
```
#9396df rgb(147,150,223)
```
#a2a5e3
```
#a2a5e3 rgb(162,165,227)
```
#b1b4e8
```
#b1b4e8 rgb(177,180,232)
```
#c0c2ec
```
#c0c2ec rgb(192,194,236)
```
#cfd1f1
```
#cfd1f1 rgb(207,209,241)
```
#dedff5
```
#dedff5 rgb(222,223,245)
```
#eeeefa
```
#eeeefa rgb(238,238,250)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7e7e7e is the less saturated color, while #0a14f2 is the most saturated one.

#7e7e7e
```
#7e7e7e rgb(126,126,126)
```
#747588
```
#747588 rgb(116,117,136)
```
#6a6c92
```
#6a6c92 rgb(106,108,146)
```
#61639b
```
#61639b rgb(97,99,155)
```
#575ba5
```
#575ba5 rgb(87,91,165)
```
#4d52af
```
#4d52af rgb(77,82,175)
```
#4449b8
```
#4449b8 rgb(68,73,184)
```
#3a40c2
```
#3a40c2 rgb(58,64,194)
```
#3037cc
```
#3037cc rgb(48,55,204)
```
#272ed5
```
#272ed5 rgb(39,46,213)
```
#1d25df
```
#1d25df rgb(29,37,223)
```
#131de9
```
#131de9 rgb(19,29,233)
```
#0a14f2
```
#0a14f2 rgb(10,20,242)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#494a64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058ac Protanopia 1% of men
#005d96 Deuteranopia 1% of men
#00646a Tritanopia 0.001% of the population

Trichromacy

#154fb4 Protanomaly 1% of men, 0.01% of women
#1552a6 Deuteranomaly 6% of men, 0.4% of women
#15568a Tritanomaly 0.01% of the population

#3a40c2 hex color

#3a40c2 Color Information

#3a40c2 Color Conversion

Color Schemes with #3a40c2

Alternatives to #3a40c2

#3a40c2 Preview

Shades and Tints of #3a40c2

Tones of #3a40c2

Color Blindness Simulator