colorhexa.com

#3a47c4 hex color

In a RGB color space, hex #3a47c4 is composed of 22.7% red, 27.8% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 70.4% cyan, 63.8% magenta, 0% yellow and 23.1% black. It has a hue angle of 234.3 degrees, a saturation of 54.3% and a lightness of 49.8%. #3a47c4 color hex could be obtained by blending #748eff with #000089. Closest websafe color is: #3333cc.

- R 23
- G 28
- B 77
RGB color chart
- C 70
- M 64
- Y 0
- K 23
CMYK color chart

● #3a47c4 color description : Moderate blue.

The hexadecimal color #3a47c4 has RGB values of R:58, G:71, B:196 and CMYK values of C:0.7, M:0.64, Y:0, K:0.23. Its decimal value is 3819460.

Hex triplet	3a47c4	`#3a47c4`
RGB Decimal	58, 71, 196	`rgb(58,71,196)`
RGB Percent	22.7, 27.8, 76.9	`rgb(22.7%,27.8%,76.9%)`
CMYK	70, 64, 0, 23
HSL	234.3°, 54.3, 49.8	`hsl(234.3,54.3%,49.8%)`
HSV (or HSB)	234.3°, 70.4, 76.9
Web Safe	3333cc	`#3333cc`

CIE-LAB	36.726, 36.539, -66.714
XYZ	13.96, 9.391, 53.298
xyY	0.182, 0.123, 9.391
CIE-LCH	36.726, 76.065, 298.709
CIE-LUV	36.726, -9.745, -95.386
Hunter-Lab	30.644, 27.688, -81.67
Binary	00111010, 01000111, 11000100

#3a47c4
```
#3a47c4 rgb(58,71,196)
```
#c4b73a
```
#c4b73a rgb(196,183,58)
```

Complementary Color

#3a8cc4
```
#3a8cc4 rgb(58,140,196)
```
#3a47c4
```
#3a47c4 rgb(58,71,196)
```
#723ac4
```
#723ac4 rgb(114,58,196)
```

Analogous Color

#8cc43a
```
#8cc43a rgb(140,196,58)
```
#3a47c4
```
#3a47c4 rgb(58,71,196)
```
#c4723a
```
#c4723a rgb(196,114,58)
```

Split Complementary Color

#47c43a
```
#47c43a rgb(71,196,58)
```
#3a47c4
```
#3a47c4 rgb(58,71,196)
```
#c43a47
```
#c43a47 rgb(196,58,71)
```

Triadic Color

#3ac4b7
```
#3ac4b7 rgb(58,196,183)
```
#3a47c4
```
#3a47c4 rgb(58,71,196)
```
#c43a47
```
#c43a47 rgb(196,58,71)
```
#c4b73a
```
#c4b73a rgb(196,183,58)
```

Tetradic Color

#293289
```
#293289 rgb(41,50,137)
```
#2e399d
```
#2e399d rgb(46,57,157)
```
#3440b0
```
#3440b0 rgb(52,64,176)
```
#3a47c4
```
#3a47c4 rgb(58,71,196)
```
#4d59ca
```
#4d59ca rgb(77,89,202)
```
#616bd0
```
#616bd0 rgb(97,107,208)
```
#747ed6
```
#747ed6 rgb(116,126,214)
```

Monochromatic Color

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

#3a6ac4
```
#3a6ac4 rgb(58,106,196)
```
#3a5ec4
```
#3a5ec4 rgb(58,94,196)
```
#3a53c4
```
#3a53c4 rgb(58,83,196)
```
#3a47c4
```
#3a47c4 rgb(58,71,196)
```
#3a3bc4
```
#3a3bc4 rgb(58,59,196)
```
#443ac4
```
#443ac4 rgb(68,58,196)
```
#503ac4
```
#503ac4 rgb(80,58,196)
```

Similar Colors

Text with hexadecimal color #3a47c4

This text has a font color of #3a47c4.

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

#3a47c4 background color

This paragraph has a background color of #3a47c4.

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

#3a47c4 border color

This element has a border color of #3a47c4.

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

CSS codes

.text {color:#3a47c4;}

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

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

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, #04050e is the darkest color, while #fefeff is the lightest one.

#04050e
```
#04050e rgb(4,5,14)
```
#090b1e
```
#090b1e rgb(9,11,30)
```
#0d102d
```
#0d102d rgb(13,16,45)
```
#12163c
```
#12163c rgb(18,22,60)
```
#161b4b
```
#161b4b rgb(22,27,75)
```
#1b215a
```
#1b215a rgb(27,33,90)
```
#1f2669
```
#1f2669 rgb(31,38,105)
```
#242c78
```
#242c78 rgb(36,44,120)
```
#283187
```
#283187 rgb(40,49,135)
```
#2d3797
```
#2d3797 rgb(45,55,151)
```
#313ca6
```
#313ca6 rgb(49,60,166)
```
#3642b5
```
#3642b5 rgb(54,66,181)
```
#3a47c4
```
#3a47c4 rgb(58,71,196)
```

Shade Color Variation

#4955c9
```
#4955c9 rgb(73,85,201)
```
#5863ce
```
#5863ce rgb(88,99,206)
```
#6771d2
```
#6771d2 rgb(103,113,210)
```
#767fd6
```
#767fd6 rgb(118,127,214)
```
#858ddb
```
#858ddb rgb(133,141,219)
```
#949bdf
```
#949bdf rgb(148,155,223)
```
#a3a9e4
```
#a3a9e4 rgb(163,169,228)
```
#b3b8e8
```
#b3b8e8 rgb(179,184,232)
```
#c2c6ed
```
#c2c6ed rgb(194,198,237)
```
#d1d4f1
```
#d1d4f1 rgb(209,212,241)
```
#e0e2f6
```
#e0e2f6 rgb(224,226,246)
```
#eff0fa
```
#eff0fa rgb(239,240,250)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#7e7f80
```
#7e7f80 rgb(126,127,128)
```
#757789
```
#757789 rgb(117,119,137)
```
#6b6f93
```
#6b6f93 rgb(107,111,147)
```
#61679d
```
#61679d rgb(97,103,157)
```
#575fa7
```
#575fa7 rgb(87,95,167)
```
#4e57b0
```
#4e57b0 rgb(78,87,176)
```
#444fba
```
#444fba rgb(68,79,186)
```
#3a47c4
```
#3a47c4 rgb(58,71,196)
```
#303fce
```
#303fce rgb(48,63,206)
```
#2637d8
```
#2637d8 rgb(38,55,216)
```
#1d2fe1
```
#1d2fe1 rgb(29,47,225)
```
#1327eb
```
#1327eb rgb(19,39,235)
```
#091ff5
```
#091ff5 rgb(9,31,245)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#4c4f68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005cb4 Protanopia 1% of men
#00619d Deuteranopia 1% of men
#00686e Tritanopia 0.001% of the population

Trichromacy

#1554ba Protanomaly 1% of men, 0.01% of women
#1557ab Deuteranomaly 6% of men, 0.4% of women
#155c8d Tritanomaly 0.01% of the population