#3a71c2 hex color

In a RGB color space, hex #3a71c2 is composed of 22.7% red, 44.3% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 70.1% cyan, 41.8% magenta, 0% yellow and 23.9% black. It has a hue angle of 215.7 degrees, a saturation of 54% and a lightness of 49.4%. #3a71c2 color hex could be obtained by blending #74e2ff with #000085. Closest websafe color is: #3366cc.

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

● #3a71c2 color description : Moderate blue.

The hexadecimal color #3a71c2 has RGB values of R:58, G:113, B:194 and CMYK values of C:0.7, M:0.42, Y:0, K:0.24. Its decimal value is 3830210.

Hex triplet	3a71c2	`#3a71c2`
RGB Decimal	58, 113, 194	`rgb(58,113,194)`
RGB Percent	22.7, 44.3, 76.1	`rgb(22.7%,44.3%,76.1%)`
CMYK	70, 42, 0, 24
HSL	215.7°, 54, 49.4	`hsl(215.7,54%,49.4%)`
HSV (or HSB)	215.7°, 70.1, 76.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	47.757, 9.013, -47.722
XYZ	17.385, 16.604, 53.325
xyY	0.199, 0.19, 16.604
CIE-LCH	47.757, 48.565, 280.695
CIE-LUV	47.757, -21.577, -73.194
Hunter-Lab	40.748, 4.851, -49.067
Binary	00111010, 01110001, 11000010

#3a71c2
```
#3a71c2 rgb(58,113,194)
```
#c28b3a
```
#c28b3a rgb(194,139,58)
```

Complementary Color

#3ab5c2
```
#3ab5c2 rgb(58,181,194)
```
#3a71c2
```
#3a71c2 rgb(58,113,194)
```
#473ac2
```
#473ac2 rgb(71,58,194)
```

Analogous Color

#b5c23a
```
#b5c23a rgb(181,194,58)
```
#3a71c2
```
#3a71c2 rgb(58,113,194)
```
#c2473a
```
#c2473a rgb(194,71,58)
```

Split Complementary Color

#71c23a
```
#71c23a rgb(113,194,58)
```
#3a71c2
```
#3a71c2 rgb(58,113,194)
```
#c23a71
```
#c23a71 rgb(194,58,113)
```

Triadic Color

#3ac28b
```
#3ac28b rgb(58,194,139)
```
#3a71c2
```
#3a71c2 rgb(58,113,194)
```
#c23a71
```
#c23a71 rgb(194,58,113)
```
#c28b3a
```
#c28b3a rgb(194,139,58)
```

Tetradic Color

#284f87
```
#284f87 rgb(40,79,135)
```
#2e5a9b
```
#2e5a9b rgb(46,90,155)
```
#3466ae
```
#3466ae rgb(52,102,174)
```
#3a71c2
```
#3a71c2 rgb(58,113,194)
```
#4c7fc9
```
#4c7fc9 rgb(76,127,201)
```
#608dcf
```
#608dcf rgb(96,141,207)
```
#739bd5
```
#739bd5 rgb(115,155,213)
```

Monochromatic Color

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

#3a93c2
```
#3a93c2 rgb(58,147,194)
```
#3a88c2
```
#3a88c2 rgb(58,136,194)
```
#3a7cc2
```
#3a7cc2 rgb(58,124,194)
```
#3a71c2
```
#3a71c2 rgb(58,113,194)
```
#3a66c2
```
#3a66c2 rgb(58,102,194)
```
#3a5ac2
```
#3a5ac2 rgb(58,90,194)
```
#3a4fc2
```
#3a4fc2 rgb(58,79,194)
```

Similar Colors

Text with hexadecimal color #3a71c2

This text has a font color of #3a71c2.

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

#3a71c2 background color

This paragraph has a background color of #3a71c2.

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

#3a71c2 border color

This element has a border color of #3a71c2.

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

CSS codes

.text {color:#3a71c2;}

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

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

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

#04070d
```
#04070d rgb(4,7,13)
```
#08101c
```
#08101c rgb(8,16,28)
```
#0d192b
```
#0d192b rgb(13,25,43)
```
#11223a
```
#11223a rgb(17,34,58)
```
#162b49
```
#162b49 rgb(22,43,73)
```
#1a3358
```
#1a3358 rgb(26,51,88)
```
#1f3c67
```
#1f3c67 rgb(31,60,103)
```
#234576
```
#234576 rgb(35,69,118)
```
#284e86
```
#284e86 rgb(40,78,134)
```
#2c5795
```
#2c5795 rgb(44,87,149)
```
#315fa4
```
#315fa4 rgb(49,95,164)
```
#3568b3
```
#3568b3 rgb(53,104,179)
```
#3a71c2
```
#3a71c2 rgb(58,113,194)
```

Shade Color Variation

#477cc8
```
#477cc8 rgb(71,124,200)
```
#5786cd
```
#5786cd rgb(87,134,205)
```
#6691d1
```
#6691d1 rgb(102,145,209)
```
#759cd6
```
#759cd6 rgb(117,156,214)
```
#84a7da
```
#84a7da rgb(132,167,218)
```
#93b2df
```
#93b2df rgb(147,178,223)
```
#a2bce3
```
#a2bce3 rgb(162,188,227)
```
#b1c7e8
```
#b1c7e8 rgb(177,199,232)
```
#c0d2ec
```
#c0d2ec rgb(192,210,236)
```
#cfddf1
```
#cfddf1 rgb(207,221,241)
```
#dee8f5
```
#dee8f5 rgb(222,232,245)
```
#eef3fa
```
#eef3fa rgb(238,243,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 #0a68f2 is the most saturated one.

#7e7e7e
```
#7e7e7e rgb(126,126,126)
```
#747c88
```
#747c88 rgb(116,124,136)
```
#6a7a92
```
#6a7a92 rgb(106,122,146)
```
#61789b
```
#61789b rgb(97,120,155)
```
#5777a5
```
#5777a5 rgb(87,119,165)
```
#4d75af
```
#4d75af rgb(77,117,175)
```
#4473b8
```
#4473b8 rgb(68,115,184)
```
#3a71c2
```
#3a71c2 rgb(58,113,194)
```
#306fcc
```
#306fcc rgb(48,111,204)
```
#276dd5
```
#276dd5 rgb(39,109,213)
```
#1d6bdf
```
#1d6bdf rgb(29,107,223)
```
#136ae9
```
#136ae9 rgb(19,106,233)
```
#0a68f2
```
#0a68f2 rgb(10,104,242)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#606b7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#5476c3 Protanopia 1% of men
#3879c4 Deuteranopia 1% of men
#00848d Tritanopia 0.001% of the population

Trichromacy

#4a74c2 Protanomaly 1% of men, 0.01% of women
#3876c3 Deuteranomaly 6% of men, 0.4% of women
#157da0 Tritanomaly 0.01% of the population

#3a71c2 hex color

#3a71c2 Color Information

#3a71c2 Color Conversion

Color Schemes with #3a71c2

Alternatives to #3a71c2

#3a71c2 Preview

Shades and Tints of #3a71c2

Tones of #3a71c2

Color Blindness Simulator