#3a538e hex color

In a RGB color space, hex #3a538e is composed of 22.7% red, 32.5% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 59.2% cyan, 41.5% magenta, 0% yellow and 44.3% black. It has a hue angle of 222.1 degrees, a saturation of 42% and a lightness of 39.2%. #3a538e color hex could be obtained by blending #74a6ff with #00001d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 23
- G 33
- B 56
RGB color chart
- C 59
- M 42
- Y 0
- K 44
CMYK color chart

● #3a538e color description : Dark moderate blue.

The hexadecimal color #3a538e has RGB values of R:58, G:83, B:142 and CMYK values of C:0.59, M:0.42, Y:0, K:0.44. Its decimal value is 3822478.

Hex triplet	3a538e	`#3a538e`
RGB Decimal	58, 83, 142	`rgb(58,83,142)`
RGB Percent	22.7, 32.5, 55.7	`rgb(22.7%,32.5%,55.7%)`
CMYK	59, 42, 0, 44
HSL	222.1°, 42, 39.2	`hsl(222.1,42%,39.2%)`
HSV (or HSB)	222.1°, 59.2, 55.7
Web Safe	336699	`#336699`

CIE-LAB	36.058, 9.426, -35.618
XYZ	9.72, 9.039, 26.822
xyY	0.213, 0.198, 9.039
CIE-LCH	36.058, 36.844, 284.823
CIE-LUV	36.058, -12.015, -50.635
Hunter-Lab	30.064, 5.096, -31.851
Binary	00111010, 01010011, 10001110

#3a538e
```
#3a538e rgb(58,83,142)
```
#8e753a
```
#8e753a rgb(142,117,58)
```

Complementary Color

#3a7d8e
```
#3a7d8e rgb(58,125,142)
```
#3a538e
```
#3a538e rgb(58,83,142)
```
#4b3a8e
```
#4b3a8e rgb(75,58,142)
```

Analogous Color

#7d8e3a
```
#7d8e3a rgb(125,142,58)
```
#3a538e
```
#3a538e rgb(58,83,142)
```
#8e4b3a
```
#8e4b3a rgb(142,75,58)
```

Split Complementary Color

#538e3a
```
#538e3a rgb(83,142,58)
```
#3a538e
```
#3a538e rgb(58,83,142)
```
#8e3a53
```
#8e3a53 rgb(142,58,83)
```

Triadic Color

#3a8e75
```
#3a8e75 rgb(58,142,117)
```
#3a538e
```
#3a538e rgb(58,83,142)
```
#8e3a53
```
#8e3a53 rgb(142,58,83)
```
#8e753a
```
#8e753a rgb(142,117,58)
```

Tetradic Color

#243358
```
#243358 rgb(36,51,88)
```
#2b3e6a
```
#2b3e6a rgb(43,62,106)
```
#33487c
```
#33487c rgb(51,72,124)
```
#3a538e
```
#3a538e rgb(58,83,142)
```
#415ea0
```
#415ea0 rgb(65,94,160)
```
#4968b2
```
#4968b2 rgb(73,104,178)
```
#5976bb
```
#5976bb rgb(89,118,187)
```

Monochromatic Color

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

#3a688e
```
#3a688e rgb(58,104,142)
```
#3a618e
```
#3a618e rgb(58,97,142)
```
#3a5a8e
```
#3a5a8e rgb(58,90,142)
```
#3a538e
```
#3a538e rgb(58,83,142)
```
#3a4c8e
```
#3a4c8e rgb(58,76,142)
```
#3a458e
```
#3a458e rgb(58,69,142)
```
#3a3e8e
```
#3a3e8e rgb(58,62,142)
```

Similar Colors

Text with hexadecimal color #3a538e

This text has a font color of #3a538e.

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

#3a538e background color

This paragraph has a background color of #3a538e.

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

#3a538e border color

This element has a border color of #3a538e.

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

CSS codes

.text {color:#3a538e;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#070a11
```
#070a11 rgb(7,10,17)
```
#0c121f
```
#0c121f rgb(12,18,31)
```
#121a2d
```
#121a2d rgb(18,26,45)
```
#18223a
```
#18223a rgb(24,34,58)
```
#1e2a48
```
#1e2a48 rgb(30,42,72)
```
#233256
```
#233256 rgb(35,50,86)
```
#293b64
```
#293b64 rgb(41,59,100)
```
#2f4372
```
#2f4372 rgb(47,67,114)
```
#344b80
```
#344b80 rgb(52,75,128)
```
#3a538e
```
#3a538e rgb(58,83,142)
```
#405b9c
```
#405b9c rgb(64,91,156)
```
#4563aa
```
#4563aa rgb(69,99,170)
```

Shade Color Variation

#4d6cb6
```
#4d6cb6 rgb(77,108,182)
```
#5b78bc
```
#5b78bc rgb(91,120,188)
```
#6983c2
```
#6983c2 rgb(105,131,194)
```
#768fc7
```
#768fc7 rgb(118,143,199)
```
#849acd
```
#849acd rgb(132,154,205)
```
#92a5d3
```
#92a5d3 rgb(146,165,211)
```
#a0b1d8
```
#a0b1d8 rgb(160,177,216)
```
#aebcde
```
#aebcde rgb(174,188,222)
```
#bcc8e4
```
#bcc8e4 rgb(188,200,228)
```
#cad3e9
```
#cad3e9 rgb(202,211,233)
```
#d8dfef
```
#d8dfef rgb(216,223,239)
```
#e6eaf5
```
#e6eaf5 rgb(230,234,245)
```
#f4f6fa
```
#f4f6fa rgb(244,246,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #606368 is the less saturated color, while #043dc4 is the most saturated one.

#606368
```
#606368 rgb(96,99,104)
```
#595f6f
```
#595f6f rgb(89,95,111)
```
#515c77
```
#515c77 rgb(81,92,119)
```
#49597f
```
#49597f rgb(73,89,127)
```
#425686
```
#425686 rgb(66,86,134)
```
#3a538e
```
#3a538e rgb(58,83,142)
```
#325096
```
#325096 rgb(50,80,150)
```
#2b4d9d
```
#2b4d9d rgb(43,77,157)
```
#234aa5
```
#234aa5 rgb(35,74,165)
```
#1b47ad
```
#1b47ad rgb(27,71,173)
```
#1443b4
```
#1443b4 rgb(20,67,180)
```
#0c40bc
```
#0c40bc rgb(12,64,188)
```
#043dc4
```
#043dc4 rgb(4,61,196)
```

Tone Color Variation

Below, you can see how #3a538e 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
#4d525e Atypical Achromatopsia 0.001% of the population

Dichromacy

#445b93 Protanopia 1% of men
#385e92 Deuteranopia 1% of men
#2f646c Tritanopia 0.001% of the population

Trichromacy

#405891 Protanomaly 1% of men, 0.01% of women
#385a91 Deuteranomaly 6% of men, 0.4% of women
#335e78 Tritanomaly 0.01% of the population

#3a538e hex color

#3a538e Color Information

#3a538e Color Conversion

Color Schemes with #3a538e

Alternatives to #3a538e

#3a538e Preview

Shades and Tints of #3a538e

Tones of #3a538e

Color Blindness Simulator