#3a5876 hex color

In a RGB color space, hex #3a5876 is composed of 22.7% red, 34.5% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 50.8% cyan, 25.4% magenta, 0% yellow and 53.7% black. It has a hue angle of 210 degrees, a saturation of 34.1% and a lightness of 34.5%. #3a5876 color hex could be obtained by blending #74b0ec with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 23
- G 35
- B 46
RGB color chart
- C 51
- M 25
- Y 0
- K 54
CMYK color chart

● #3a5876 color description : Dark moderate blue.

The hexadecimal color #3a5876 has RGB values of R:58, G:88, B:118 and CMYK values of C:0.51, M:0.25, Y:0, K:0.54. Its decimal value is 3823734.

Hex triplet	3a5876	`#3a5876`
RGB Decimal	58, 88, 118	`rgb(58,88,118)`
RGB Percent	22.7, 34.5, 46.3	`rgb(22.7%,34.5%,46.3%)`
CMYK	51, 25, 0, 54
HSL	210°, 34.1, 34.5	`hsl(210,34.1%,34.5%)`
HSV (or HSB)	210°, 50.8, 46.3
Web Safe	336666	`#336666`

CIE-LAB	36.341, -1.978, -20.457
XYZ	8.504, 9.187, 18.464
xyY	0.235, 0.254, 9.187
CIE-LCH	36.341, 20.553, 264.477
CIE-LUV	36.341, -13.79, -27.596
Hunter-Lab	30.309, -2.96, -14.901
Binary	00111010, 01011000, 01110110

#3a5876
```
#3a5876 rgb(58,88,118)
```
#76583a
```
#76583a rgb(118,88,58)
```

Complementary Color

#3a7676
```
#3a7676 rgb(58,118,118)
```
#3a5876
```
#3a5876 rgb(58,88,118)
```
#3a3a76
```
#3a3a76 rgb(58,58,118)
```

Analogous Color

#76763a
```
#76763a rgb(118,118,58)
```
#3a5876
```
#3a5876 rgb(58,88,118)
```
#763a3a
```
#763a3a rgb(118,58,58)
```

Split Complementary Color

#58763a
```
#58763a rgb(88,118,58)
```
#3a5876
```
#3a5876 rgb(58,88,118)
```
#763a58
```
#763a58 rgb(118,58,88)
```

Triadic Color

#3a7658
```
#3a7658 rgb(58,118,88)
```
#3a5876
```
#3a5876 rgb(58,88,118)
```
#763a58
```
#763a58 rgb(118,58,88)
```
#76583a
```
#76583a rgb(118,88,58)
```

Tetradic Color

#213243
```
#213243 rgb(33,50,67)
```
#293f54
```
#293f54 rgb(41,63,84)
```
#324b65
```
#324b65 rgb(50,75,101)
```
#3a5876
```
#3a5876 rgb(58,88,118)
```
#426587
```
#426587 rgb(66,101,135)
```
#4b7298
```
#4b7298 rgb(75,114,152)
```
#537ea9
```
#537ea9 rgb(83,126,169)
```

Monochromatic Color

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

#3a6776
```
#3a6776 rgb(58,103,118)
```
#3a6276
```
#3a6276 rgb(58,98,118)
```
#3a5d76
```
#3a5d76 rgb(58,93,118)
```
#3a5876
```
#3a5876 rgb(58,88,118)
```
#3a5376
```
#3a5376 rgb(58,83,118)
```
#3a4e76
```
#3a4e76 rgb(58,78,118)
```
#3a4976
```
#3a4976 rgb(58,73,118)
```

Similar Colors

Text with hexadecimal color #3a5876

This text has a font color of #3a5876.

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

#3a5876 background color

This paragraph has a background color of #3a5876.

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

#3a5876 border color

This element has a border color of #3a5876.

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

CSS codes

.text {color:#3a5876;}

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

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

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, #060a0d is the darkest color, while #ffffff is the lightest one.

#060a0d
```
#060a0d rgb(6,10,13)
```
#0d131a
```
#0d131a rgb(13,19,26)
```
#131d27
```
#131d27 rgb(19,29,39)
```
#1a2734
```
#1a2734 rgb(26,39,52)
```
#203141
```
#203141 rgb(32,49,65)
```
#273b4f
```
#273b4f rgb(39,59,79)
```
#2d445c
```
#2d445c rgb(45,68,92)
```
#344e69
```
#344e69 rgb(52,78,105)
```
#3a5876
```
#3a5876 rgb(58,88,118)
```
#406283
```
#406283 rgb(64,98,131)
```
#476c90
```
#476c90 rgb(71,108,144)
```
#4d759d
```
#4d759d rgb(77,117,157)
```
#547fab
```
#547fab rgb(84,127,171)
```

Shade Color Variation

#6189b1
```
#6189b1 rgb(97,137,177)
```
#6e93b8
```
#6e93b8 rgb(110,147,184)
```
#7b9dbe
```
#7b9dbe rgb(123,157,190)
```
#88a6c5
```
#88a6c5 rgb(136,166,197)
```
#95b0cb
```
#95b0cb rgb(149,176,203)
```
#a3bad2
```
#a3bad2 rgb(163,186,210)
```
#b0c4d8
```
#b0c4d8 rgb(176,196,216)
```
#bdcedf
```
#bdcedf rgb(189,206,223)
```
#cad8e5
```
#cad8e5 rgb(202,216,229)
```
#d7e1eb
```
#d7e1eb rgb(215,225,235)
```
#e4ebf2
```
#e4ebf2 rgb(228,235,242)
```
#f1f5f8
```
#f1f5f8 rgb(241,245,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #55585b is the less saturated color, while #0458ac is the most saturated one.

#55585b
```
#55585b rgb(85,88,91)
```
#4e5862
```
#4e5862 rgb(78,88,98)
```
#485868
```
#485868 rgb(72,88,104)
```
#41586f
```
#41586f rgb(65,88,111)
```
#3a5876
```
#3a5876 rgb(58,88,118)
```
#33587d
```
#33587d rgb(51,88,125)
```
#2c5884
```
#2c5884 rgb(44,88,132)
```
#26588a
```
#26588a rgb(38,88,138)
```
#1f5891
```
#1f5891 rgb(31,88,145)
```
#185898
```
#185898 rgb(24,88,152)
```
#11589f
```
#11589f rgb(17,88,159)
```
#0b58a5
```
#0b58a5 rgb(11,88,165)
```
#0458ac
```
#0458ac rgb(4,88,172)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#4d5359 Atypical Achromatopsia 0.001% of the population

Dichromacy

#555d7a Protanopia 1% of men
#535d7e Deuteranopia 1% of men
#3d646b Tritanopia 0.001% of the population

Trichromacy

#4b5b79 Protanomaly 1% of men, 0.01% of women
#4a5b7b Deuteranomaly 6% of men, 0.4% of women
#3c5f6f Tritanomaly 0.01% of the population

#3a5876 hex color

#3a5876 Color Information

#3a5876 Color Conversion

Color Schemes with #3a5876

Alternatives to #3a5876

#3a5876 Preview

Shades and Tints of #3a5876

Tones of #3a5876

Color Blindness Simulator