#3a5498 hex color

In a RGB color space, hex #3a5498 is composed of 22.7% red, 32.9% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 61.8% cyan, 44.7% magenta, 0% yellow and 40.4% black. It has a hue angle of 223.4 degrees, a saturation of 44.8% and a lightness of 41.2%. #3a5498 color hex could be obtained by blending #74a8ff with #000031. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 23
- G 33
- B 60
RGB color chart
- C 62
- M 45
- Y 0
- K 40
CMYK color chart

● #3a5498 color description : Dark moderate blue.

The hexadecimal color #3a5498 has RGB values of R:58, G:84, B:152 and CMYK values of C:0.62, M:0.45, Y:0, K:0.4. Its decimal value is 3822744.

Hex triplet	3a5498	`#3a5498`
RGB Decimal	58, 84, 152	`rgb(58,84,152)`
RGB Percent	22.7, 32.9, 59.6	`rgb(22.7%,32.9%,59.6%)`
CMYK	62, 45, 0, 40
HSL	223.4°, 44.8, 41.2	`hsl(223.4,44.8%,41.2%)`
HSV (or HSB)	223.4°, 61.8, 59.6
Web Safe	336699	`#336699`

CIE-LAB	36.942, 12.334, -40.267
XYZ	10.582, 9.507, 30.981
xyY	0.207, 0.186, 9.507
CIE-LCH	36.942, 42.113, 287.031
CIE-LUV	36.942, -12.424, -57.97
Hunter-Lab	30.833, 7.302, -37.993
Binary	00111010, 01010100, 10011000

#3a5498
```
#3a5498 rgb(58,84,152)
```
#987e3a
```
#987e3a rgb(152,126,58)
```

Complementary Color

#3a8398
```
#3a8398 rgb(58,131,152)
```
#3a5498
```
#3a5498 rgb(58,84,152)
```
#4f3a98
```
#4f3a98 rgb(79,58,152)
```

Analogous Color

#83983a
```
#83983a rgb(131,152,58)
```
#3a5498
```
#3a5498 rgb(58,84,152)
```
#984f3a
```
#984f3a rgb(152,79,58)
```

Split Complementary Color

#54983a
```
#54983a rgb(84,152,58)
```
#3a5498
```
#3a5498 rgb(58,84,152)
```
#983a54
```
#983a54 rgb(152,58,84)
```

Triadic Color

#3a987e
```
#3a987e rgb(58,152,126)
```
#3a5498
```
#3a5498 rgb(58,84,152)
```
#983a54
```
#983a54 rgb(152,58,84)
```
#987e3a
```
#987e3a rgb(152,126,58)
```

Tetradic Color

#253561
```
#253561 rgb(37,53,97)
```
#2c4073
```
#2c4073 rgb(44,64,115)
```
#334a86
```
#334a86 rgb(51,74,134)
```
#3a5498
```
#3a5498 rgb(58,84,152)
```
#415eaa
```
#415eaa rgb(65,94,170)
```
#4b6aba
```
#4b6aba rgb(75,106,186)
```
#5d79c1
```
#5d79c1 rgb(93,121,193)
```

Monochromatic Color

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

#3a6c98
```
#3a6c98 rgb(58,108,152)
```
#3a6498
```
#3a6498 rgb(58,100,152)
```
#3a5c98
```
#3a5c98 rgb(58,92,152)
```
#3a5498
```
#3a5498 rgb(58,84,152)
```
#3a4c98
```
#3a4c98 rgb(58,76,152)
```
#3a4498
```
#3a4498 rgb(58,68,152)
```
#3a3d98
```
#3a3d98 rgb(58,61,152)
```

Similar Colors

Text with hexadecimal color #3a5498

This text has a font color of #3a5498.

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

#3a5498 background color

This paragraph has a background color of #3a5498.

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

#3a5498 border color

This element has a border color of #3a5498.

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

CSS codes

.text {color:#3a5498;}

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

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

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, #04060a is the darkest color, while #fbfcfd is the lightest one.

#04060a
```
#04060a rgb(4,6,10)
```
#090d18
```
#090d18 rgb(9,13,24)
```
#0f1526
```
#0f1526 rgb(15,21,38)
```
#141d35
```
#141d35 rgb(20,29,53)
```
#192543
```
#192543 rgb(25,37,67)
```
#1f2d51
```
#1f2d51 rgb(31,45,81)
```
#24355f
```
#24355f rgb(36,53,95)
```
#2a3c6d
```
#2a3c6d rgb(42,60,109)
```
#2f447c
```
#2f447c rgb(47,68,124)
```
#354c8a
```
#354c8a rgb(53,76,138)
```
#3a5498
```
#3a5498 rgb(58,84,152)
```
#3f5ca6
```
#3f5ca6 rgb(63,92,166)
```
#4564b4
```
#4564b4 rgb(69,100,180)
```

Shade Color Variation

#506ebc
```
#506ebc rgb(80,110,188)
```
#5f7ac2
```
#5f7ac2 rgb(95,122,194)
```
#6d86c7
```
#6d86c7 rgb(109,134,199)
```
#7b92cd
```
#7b92cd rgb(123,146,205)
```
#899dd2
```
#899dd2 rgb(137,157,210)
```
#97a9d7
```
#97a9d7 rgb(151,169,215)
```
#a6b5dd
```
#a6b5dd rgb(166,181,221)
```
#b4c1e2
```
#b4c1e2 rgb(180,193,226)
```
#c2cce8
```
#c2cce8 rgb(194,204,232)
```
#d0d8ed
```
#d0d8ed rgb(208,216,237)
```
#dee4f3
```
#dee4f3 rgb(222,228,243)
```
#edf0f8
```
#edf0f8 rgb(237,240,248)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Tint Color Variation

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

#626670
```
#626670 rgb(98,102,112)
```
#5a6278
```
#5a6278 rgb(90,98,120)
```
#525f80
```
#525f80 rgb(82,95,128)
```
#4a5b88
```
#4a5b88 rgb(74,91,136)
```
#425890
```
#425890 rgb(66,88,144)
```
#3a5498
```
#3a5498 rgb(58,84,152)
```
#3250a0
```
#3250a0 rgb(50,80,160)
```
#2a4da8
```
#2a4da8 rgb(42,77,168)
```
#2249b0
```
#2249b0 rgb(34,73,176)
```
#1a46b8
```
#1a46b8 rgb(26,70,184)
```
#1242c0
```
#1242c0 rgb(18,66,192)
```
#0a3ec8
```
#0a3ec8 rgb(10,62,200)
```
#013bd1
```
#013bd1 rgb(1,59,209)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#4f5462 Atypical Achromatopsia 0.001% of the population

Dichromacy

#405d9d Protanopia 1% of men
#2c609b Deuteranopia 1% of men
#27676f Tritanopia 0.001% of the population

Trichromacy

#3d5a9b Protanomaly 1% of men, 0.01% of women
#315c9a Deuteranomaly 6% of men, 0.4% of women
#2e607e Tritanomaly 0.01% of the population

#3a5498 hex color

#3a5498 Color Information

#3a5498 Color Conversion

Color Schemes with #3a5498

Alternatives to #3a5498

#3a5498 Preview

Shades and Tints of #3a5498

Tones of #3a5498

Color Blindness Simulator