#3a4978 hex color

In a RGB color space, hex #3a4978 is composed of 22.7% red, 28.6% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 51.7% cyan, 39.2% magenta, 0% yellow and 52.9% black. It has a hue angle of 225.5 degrees, a saturation of 34.8% and a lightness of 34.9%. #3a4978 color hex could be obtained by blending #7492f0 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 23
- G 29
- B 47
RGB color chart
- C 52
- M 39
- Y 0
- K 53
CMYK color chart

● #3a4978 color description : Dark moderate blue.

The hexadecimal color #3a4978 has RGB values of R:58, G:73, B:120 and CMYK values of C:0.52, M:0.39, Y:0, K:0.53. Its decimal value is 3819896.

Hex triplet	3a4978	`#3a4978`
RGB Decimal	58, 73, 120	`rgb(58,73,120)`
RGB Percent	22.7, 28.6, 47.1	`rgb(22.7%,28.6%,47.1%)`
CMYK	52, 39, 0, 53
HSL	225.5°, 34.8, 34.9	`hsl(225.5,34.8%,34.9%)`
HSV (or HSB)	225.5°, 51.7, 47.1
Web Safe	333366	`#333366`

CIE-LAB	31.853, 8.356, -28.719
XYZ	7.517, 7.02, 18.727
xyY	0.226, 0.211, 7.02
CIE-LCH	31.853, 29.91, 286.223
CIE-LUV	31.853, -8.253, -39.123
Hunter-Lab	26.496, 4.272, -23.359
Binary	00111010, 01001001, 01111000

#3a4978
```
#3a4978 rgb(58,73,120)
```
#78693a
```
#78693a rgb(120,105,58)
```

Complementary Color

#3a6878
```
#3a6878 rgb(58,104,120)
```
#3a4978
```
#3a4978 rgb(58,73,120)
```
#4a3a78
```
#4a3a78 rgb(74,58,120)
```

Analogous Color

#68783a
```
#68783a rgb(104,120,58)
```
#3a4978
```
#3a4978 rgb(58,73,120)
```
#784a3a
```
#784a3a rgb(120,74,58)
```

Split Complementary Color

#49783a
```
#49783a rgb(73,120,58)
```
#3a4978
```
#3a4978 rgb(58,73,120)
```
#783a49
```
#783a49 rgb(120,58,73)
```

Triadic Color

#3a7869
```
#3a7869 rgb(58,120,105)
```
#3a4978
```
#3a4978 rgb(58,73,120)
```
#783a49
```
#783a49 rgb(120,58,73)
```
#78693a
```
#78693a rgb(120,105,58)
```

Tetradic Color

#212a44
```
#212a44 rgb(33,42,68)
```
#293456
```
#293456 rgb(41,52,86)
```
#323f67
```
#323f67 rgb(50,63,103)
```
#3a4978
```
#3a4978 rgb(58,73,120)
```
#425389
```
#425389 rgb(66,83,137)
```
#4b5e9a
```
#4b5e9a rgb(75,94,154)
```
#5368ac
```
#5368ac rgb(83,104,172)
```

Monochromatic Color

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

#3a5978
```
#3a5978 rgb(58,89,120)
```
#3a5378
```
#3a5378 rgb(58,83,120)
```
#3a4e78
```
#3a4e78 rgb(58,78,120)
```
#3a4978
```
#3a4978 rgb(58,73,120)
```
#3a4478
```
#3a4478 rgb(58,68,120)
```
#3a3f78
```
#3a3f78 rgb(58,63,120)
```
#3b3a78
```
#3b3a78 rgb(59,58,120)
```

Similar Colors

Text with hexadecimal color #3a4978

This text has a font color of #3a4978.

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

#3a4978 background color

This paragraph has a background color of #3a4978.

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

#3a4978 border color

This element has a border color of #3a4978.

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

CSS codes

.text {color:#3a4978;}

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

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

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, #000101 is the darkest color, while #f3f4f9 is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#07090e
```
#07090e rgb(7,9,14)
```
#0d111b
```
#0d111b rgb(13,17,27)
```
#141929
```
#141929 rgb(20,25,41)
```
#1a2136
```
#1a2136 rgb(26,33,54)
```
#202943
```
#202943 rgb(32,41,67)
```
#273150
```
#273150 rgb(39,49,80)
```
#2d395e
```
#2d395e rgb(45,57,94)
```
#34416b
```
#34416b rgb(52,65,107)
```
#3a4978
```
#3a4978 rgb(58,73,120)
```
#405185
```
#405185 rgb(64,81,133)
```
#475992
```
#475992 rgb(71,89,146)
```
#4d61a0
```
#4d61a0 rgb(77,97,160)
```

Shade Color Variation

#5469ac
```
#5469ac rgb(84,105,172)
```
#6175b3
```
#6175b3 rgb(97,117,179)
```
#6f81b9
```
#6f81b9 rgb(111,129,185)
```
#7c8cc0
```
#7c8cc0 rgb(124,140,192)
```
#8998c6
```
#8998c6 rgb(137,152,198)
```
#96a3cc
```
#96a3cc rgb(150,163,204)
```
#a3afd3
```
#a3afd3 rgb(163,175,211)
```
#b1bad9
```
#b1bad9 rgb(177,186,217)
```
#bec6e0
```
#bec6e0 rgb(190,198,224)
```
#cbd2e6
```
#cbd2e6 rgb(203,210,230)
```
#d8ddec
```
#d8ddec rgb(216,221,236)
```
#e6e9f3
```
#e6e9f3 rgb(230,233,243)
```
#f3f4f9
```
#f3f4f9 rgb(243,244,249)
```

Tint Color Variation

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

#55575d
```
#55575d rgb(85,87,93)
```
#4f5463
```
#4f5463 rgb(79,84,99)
```
#48506a
```
#48506a rgb(72,80,106)
```
#414d71
```
#414d71 rgb(65,77,113)
```
#3a4978
```
#3a4978 rgb(58,73,120)
```
#33457f
```
#33457f rgb(51,69,127)
```
#2c4286
```
#2c4286 rgb(44,66,134)
```
#253e8d
```
#253e8d rgb(37,62,141)
```
#1f3b93
```
#1f3b93 rgb(31,59,147)
```
#18379a
```
#18379a rgb(24,55,154)
```
#1134a1
```
#1134a1 rgb(17,52,161)
```
#0a30a8
```
#0a30a8 rgb(10,48,168)
```
#032daf
```
#032daf rgb(3,45,175)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#474a53 Atypical Achromatopsia 0.001% of the population

Dichromacy

#42527f Protanopia 1% of men
#3c547e Deuteranopia 1% of men
#37595f Tritanopia 0.001% of the population

Trichromacy

#3f4f7c Protanomaly 1% of men, 0.01% of women
#3b507c Deuteranomaly 6% of men, 0.4% of women
#385368 Tritanomaly 0.01% of the population

#3a4978 hex color

#3a4978 Color Information

#3a4978 Color Conversion

Color Schemes with #3a4978

Alternatives to #3a4978

#3a4978 Preview

Shades and Tints of #3a4978

Tones of #3a4978

Color Blindness Simulator