#3542a5 hex color

In a RGB color space, hex #3542a5 is composed of 20.8% red, 25.9% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 67.9% cyan, 60% magenta, 0% yellow and 35.3% black. It has a hue angle of 233 degrees, a saturation of 51.4% and a lightness of 42.7%. #3542a5 color hex could be obtained by blending #6a84ff with #00004b. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 21
- G 26
- B 65
RGB color chart
- C 68
- M 60
- Y 0
- K 35
CMYK color chart

● #3542a5 color description : Dark moderate blue.

The hexadecimal color #3542a5 has RGB values of R:53, G:66, B:165 and CMYK values of C:0.68, M:0.6, Y:0, K:0.35. Its decimal value is 3490469.

Hex triplet	3542a5	`#3542a5`
RGB Decimal	53, 66, 165	`rgb(53,66,165)`
RGB Percent	20.8, 25.9, 64.7	`rgb(20.8%,25.9%,64.7%)`
CMYK	68, 60, 0, 35
HSL	233°, 51.4, 42.7	`hsl(233,51.4%,42.7%)`
HSV (or HSB)	233°, 67.9, 64.7
Web Safe	333399	`#333399`

CIE-LAB	32.633, 28.03, -55.057
XYZ	10.207, 7.369, 36.48
xyY	0.189, 0.136, 7.369
CIE-LCH	32.633, 61.782, 296.981
CIE-LUV	32.633, -8.687, -76.448
Hunter-Lab	27.147, 19.606, -60.672
Binary	00110101, 01000010, 10100101

#3542a5
```
#3542a5 rgb(53,66,165)
```
#a59835
```
#a59835 rgb(165,152,53)
```

Complementary Color

#357aa5
```
#357aa5 rgb(53,122,165)
```
#3542a5
```
#3542a5 rgb(53,66,165)
```
#6035a5
```
#6035a5 rgb(96,53,165)
```

Analogous Color

#7aa535
```
#7aa535 rgb(122,165,53)
```
#3542a5
```
#3542a5 rgb(53,66,165)
```
#a56035
```
#a56035 rgb(165,96,53)
```

Split Complementary Color

#42a535
```
#42a535 rgb(66,165,53)
```
#3542a5
```
#3542a5 rgb(53,66,165)
```
#a53542
```
#a53542 rgb(165,53,66)
```

Triadic Color

#35a598
```
#35a598 rgb(53,165,152)
```
#3542a5
```
#3542a5 rgb(53,66,165)
```
#a53542
```
#a53542 rgb(165,53,66)
```
#a59835
```
#a59835 rgb(165,152,53)
```

Tetradic Color

#222b6b
```
#222b6b rgb(34,43,107)
```
#29337e
```
#29337e rgb(41,51,126)
```
#2f3a92
```
#2f3a92 rgb(47,58,146)
```
#3542a5
```
#3542a5 rgb(53,66,165)
```
#3b4ab8
```
#3b4ab8 rgb(59,74,184)
```
#4957c4
```
#4957c4 rgb(73,87,196)
```
#5c69cb
```
#5c69cb rgb(92,105,203)
```

Monochromatic Color

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

#355ea5
```
#355ea5 rgb(53,94,165)
```
#3555a5
```
#3555a5 rgb(53,85,165)
```
#354ba5
```
#354ba5 rgb(53,75,165)
```
#3542a5
```
#3542a5 rgb(53,66,165)
```
#3539a5
```
#3539a5 rgb(53,57,165)
```
#3b35a5
```
#3b35a5 rgb(59,53,165)
```
#4435a5
```
#4435a5 rgb(68,53,165)
```

Similar Colors

Text with hexadecimal color #3542a5

This text has a font color of #3542a5.

<span style="color:#3542a5;">Text here</span>

#3542a5 background color

This paragraph has a background color of #3542a5.

<p style="background-color:#3542a5;">Content here</p>

#3542a5 border color

This element has a border color of #3542a5.

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

CSS codes

.text {color:#3542a5;}

.background {background-color:#3542a5;}

.border {border:1px solid #3542a5;}

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

#010102
```
#010102 rgb(1,1,2)
```
#050711
```
#050711 rgb(5,7,17)
```
#0a0d1f
```
#0a0d1f rgb(10,13,31)
```
#0f122e
```
#0f122e rgb(15,18,46)
```
#14183d
```
#14183d rgb(20,24,61)
```
#181e4c
```
#181e4c rgb(24,30,76)
```
#1d245b
```
#1d245b rgb(29,36,91)
```
#222a6a
```
#222a6a rgb(34,42,106)
```
#273078
```
#273078 rgb(39,48,120)
```
#2b3687
```
#2b3687 rgb(43,54,135)
```
#303c96
```
#303c96 rgb(48,60,150)
```
#3542a5
```
#3542a5 rgb(53,66,165)
```
#3a48b4
```
#3a48b4 rgb(58,72,180)
```

Shade Color Variation

#404fc2
```
#404fc2 rgb(64,79,194)
```
#4f5cc6
```
#4f5cc6 rgb(79,92,198)
```
#5d6acb
```
#5d6acb rgb(93,106,203)
```
#6c78d0
```
#6c78d0 rgb(108,120,208)
```
#7b85d5
```
#7b85d5 rgb(123,133,213)
```
#8a93d9
```
#8a93d9 rgb(138,147,217)
```
#99a1de
```
#99a1de rgb(153,161,222)
```
#a8aee3
```
#a8aee3 rgb(168,174,227)
```
#b6bce8
```
#b6bce8 rgb(182,188,232)
```
#c5caec
```
#c5caec rgb(197,202,236)
```
#d4d8f1
```
#d4d8f1 rgb(212,216,241)
```
#e3e5f6
```
#e3e5f6 rgb(227,229,246)
```
#f2f3fb
```
#f2f3fb rgb(242,243,251)
```

Tint Color Variation

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

#676973
```
#676973 rgb(103,105,115)
```
#5f627b
```
#5f627b rgb(95,98,123)
```
#575c83
```
#575c83 rgb(87,92,131)
```
#4e558c
```
#4e558c rgb(78,85,140)
```
#464f94
```
#464f94 rgb(70,79,148)
```
#3d489d
```
#3d489d rgb(61,72,157)
```
#3542a5
```
#3542a5 rgb(53,66,165)
```
#2d3cad
```
#2d3cad rgb(45,60,173)
```
#2435b6
```
#2435b6 rgb(36,53,182)
```
#1c2fbe
```
#1c2fbe rgb(28,47,190)
```
#1328c7
```
#1328c7 rgb(19,40,199)
```
#0b22cf
```
#0b22cf rgb(11,34,207)
```
#031bd7
```
#031bd7 rgb(3,27,215)
```

Tone Color Variation

Below, you can see how #3542a5 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

#494949 Achromatopsia 0.005% of the population
#45485b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0053a3 Protanopia 1% of men
#00588f Deuteranopia 1% of men
#005e64 Tritanopia 0.001% of the population

Trichromacy

#134da3 Protanomaly 1% of men, 0.01% of women
#135097 Deuteranomaly 6% of men, 0.4% of women
#13547c Tritanomaly 0.01% of the population

#3542a5 hex color

#3542a5 Color Information

#3542a5 Color Conversion

Color Schemes with #3542a5

Alternatives to #3542a5

#3542a5 Preview

Shades and Tints of #3542a5

Tones of #3542a5

Color Blindness Simulator