#3a509d hex color

In a RGB color space, hex #3a509d is composed of 22.7% red, 31.4% green and 61.6% blue. Whereas in a CMYK color space, it is composed of 63.1% cyan, 49% magenta, 0% yellow and 38.4% black. It has a hue angle of 226.7 degrees, a saturation of 46% and a lightness of 42.2%. #3a509d color hex could be obtained by blending #74a0ff with #00003b. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 23
- G 31
- B 62
RGB color chart
- C 63
- M 49
- Y 0
- K 38
CMYK color chart

● #3a509d color description : Dark moderate blue.

The hexadecimal color #3a509d has RGB values of R:58, G:80, B:157 and CMYK values of C:0.63, M:0.49, Y:0, K:0.38. Its decimal value is 3821725.

Hex triplet	3a509d	`#3a509d`
RGB Decimal	58, 80, 157	`rgb(58,80,157)`
RGB Percent	22.7, 31.4, 61.6	`rgb(22.7%,31.4%,61.6%)`
CMYK	63, 49, 0, 38
HSL	226.7°, 46, 42.2	`hsl(226.7,46%,42.2%)`
HSV (or HSB)	226.7°, 63.1, 61.6
Web Safe	336699	`#336699`

CIE-LAB	36.12, 16.758, -44.594
XYZ	10.698, 9.071, 33.083
xyY	0.202, 0.172, 9.071
CIE-LCH	36.12, 47.639, 290.595
CIE-LUV	36.12, -11.219, -64.092
Hunter-Lab	30.117, 10.7, -44.047
Binary	00111010, 01010000, 10011101

#3a509d
```
#3a509d rgb(58,80,157)
```
#9d873a
```
#9d873a rgb(157,135,58)
```

Complementary Color

#3a829d
```
#3a829d rgb(58,130,157)
```
#3a509d
```
#3a509d rgb(58,80,157)
```
#563a9d
```
#563a9d rgb(86,58,157)
```

Analogous Color

#829d3a
```
#829d3a rgb(130,157,58)
```
#3a509d
```
#3a509d rgb(58,80,157)
```
#9d563a
```
#9d563a rgb(157,86,58)
```

Split Complementary Color

#509d3a
```
#509d3a rgb(80,157,58)
```
#3a509d
```
#3a509d rgb(58,80,157)
```
#9d3a50
```
#9d3a50 rgb(157,58,80)
```

Triadic Color

#3a9d87
```
#3a9d87 rgb(58,157,135)
```
#3a509d
```
#3a509d rgb(58,80,157)
```
#9d3a50
```
#9d3a50 rgb(157,58,80)
```
#9d873a
```
#9d873a rgb(157,135,58)
```

Tetradic Color

#253465
```
#253465 rgb(37,52,101)
```
#2c3d78
```
#2c3d78 rgb(44,61,120)
```
#33478a
```
#33478a rgb(51,71,138)
```
#3a509d
```
#3a509d rgb(58,80,157)
```
#4159b0
```
#4159b0 rgb(65,89,176)
```
#4d66bd
```
#4d66bd rgb(77,102,189)
```
#5f76c4
```
#5f76c4 rgb(95,118,196)
```

Monochromatic Color

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

#3a699d
```
#3a699d rgb(58,105,157)
```
#3a619d
```
#3a619d rgb(58,97,157)
```
#3a589d
```
#3a589d rgb(58,88,157)
```
#3a509d
```
#3a509d rgb(58,80,157)
```
#3a489d
```
#3a489d rgb(58,72,157)
```
#3a409d
```
#3a409d rgb(58,64,157)
```
#3d3a9d
```
#3d3a9d rgb(61,58,157)
```

Similar Colors

Text with hexadecimal color #3a509d

This text has a font color of #3a509d.

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

#3a509d background color

This paragraph has a background color of #3a509d.

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

#3a509d border color

This element has a border color of #3a509d.

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

CSS codes

.text {color:#3a509d;}

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

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

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

#05070e
```
#05070e rgb(5,7,14)
```
#0a0e1c
```
#0a0e1c rgb(10,14,28)
```
#10162a
```
#10162a rgb(16,22,42)
```
#151d39
```
#151d39 rgb(21,29,57)
```
#1a2447
```
#1a2447 rgb(26,36,71)
```
#202c55
```
#202c55 rgb(32,44,85)
```
#253364
```
#253364 rgb(37,51,100)
```
#2a3a72
```
#2a3a72 rgb(42,58,114)
```
#2f4180
```
#2f4180 rgb(47,65,128)
```
#35498f
```
#35498f rgb(53,73,143)
```
#3a509d
```
#3a509d rgb(58,80,157)
```
#3f57ab
```
#3f57ab rgb(63,87,171)
```
#455fba
```
#455fba rgb(69,95,186)
```

Shade Color Variation

#536bbf
```
#536bbf rgb(83,107,191)
```
#6177c5
```
#6177c5 rgb(97,119,197)
```
#6f83ca
```
#6f83ca rgb(111,131,202)
```
#7e90cf
```
#7e90cf rgb(126,144,207)
```
#8c9cd4
```
#8c9cd4 rgb(140,156,212)
```
#9aa8da
```
#9aa8da rgb(154,168,218)
```
#a8b5df
```
#a8b5df rgb(168,181,223)
```
#b7c1e4
```
#b7c1e4 rgb(183,193,228)
```
#c5cdea
```
#c5cdea rgb(197,205,234)
```
#d3daef
```
#d3daef rgb(211,218,239)
```
#e2e6f4
```
#e2e6f4 rgb(226,230,244)
```
#f0f2fa
```
#f0f2fa rgb(240,242,250)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#636774
```
#636774 rgb(99,103,116)
```
#5b627c
```
#5b627c rgb(91,98,124)
```
#535e84
```
#535e84 rgb(83,94,132)
```
#4b598c
```
#4b598c rgb(75,89,140)
```
#425595
```
#425595 rgb(66,85,149)
```
#3a509d
```
#3a509d rgb(58,80,157)
```
#324ba5
```
#324ba5 rgb(50,75,165)
```
#2947ae
```
#2947ae rgb(41,71,174)
```
#2142b6
```
#2142b6 rgb(33,66,182)
```
#193ebe
```
#193ebe rgb(25,62,190)
```
#1139c6
```
#1139c6 rgb(17,57,198)
```
#0834cf
```
#0834cf rgb(8,52,207)
```
#0030d7
```
#0030d7 rgb(0,48,215)
```

Tone Color Variation

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

Dichromacy

#335ba4 Protanopia 1% of men
#005f9f Deuteranopia 1% of men
#1e666d Tritanopia 0.001% of the population

Trichromacy

#3657a1 Protanomaly 1% of men, 0.01% of women
#15599e Deuteranomaly 6% of men, 0.4% of women
#285e7e Tritanomaly 0.01% of the population

#3a509d hex color

#3a509d Color Information

#3a509d Color Conversion

Color Schemes with #3a509d

Alternatives to #3a509d

#3a509d Preview

Shades and Tints of #3a509d

Tones of #3a509d

Color Blindness Simulator