#3542aa hex color

In a RGB color space, hex #3542aa is composed of 20.8% red, 25.9% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 68.8% cyan, 61.2% magenta, 0% yellow and 33.3% black. It has a hue angle of 233.3 degrees, a saturation of 52.5% and a lightness of 43.7%. #3542aa color hex could be obtained by blending #6a84ff with #000055. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 21
- G 26
- B 67
RGB color chart
- C 69
- M 61
- Y 0
- K 33
CMYK color chart

● #3542aa color description : Dark moderate blue.

The hexadecimal color #3542aa has RGB values of R:53, G:66, B:170 and CMYK values of C:0.69, M:0.61, Y:0, K:0.33. Its decimal value is 3490474.

Hex triplet	3542aa	`#3542aa`
RGB Decimal	53, 66, 170	`rgb(53,66,170)`
RGB Percent	20.8, 25.9, 66.7	`rgb(20.8%,25.9%,66.7%)`
CMYK	69, 61, 0, 33
HSL	233.3°, 52.5, 43.7	`hsl(233.3,52.5%,43.7%)`
HSV (or HSB)	233.3°, 68.8, 66.7
Web Safe	333399	`#333399`

CIE-LAB	33.038, 29.833, -57.395
XYZ	10.671, 7.555, 38.924
xyY	0.187, 0.132, 7.555
CIE-LCH	33.038, 64.685, 297.465
CIE-LUV	33.038, -8.832, -79.855
Hunter-Lab	27.486, 21.195, -64.721
Binary	00110101, 01000010, 10101010

#3542aa
```
#3542aa rgb(53,66,170)
```
#aa9d35
```
#aa9d35 rgb(170,157,53)
```

Complementary Color

#357daa
```
#357daa rgb(53,125,170)
```
#3542aa
```
#3542aa rgb(53,66,170)
```
#6235aa
```
#6235aa rgb(98,53,170)
```

Analogous Color

#7daa35
```
#7daa35 rgb(125,170,53)
```
#3542aa
```
#3542aa rgb(53,66,170)
```
#aa6235
```
#aa6235 rgb(170,98,53)
```

Split Complementary Color

#42aa35
```
#42aa35 rgb(66,170,53)
```
#3542aa
```
#3542aa rgb(53,66,170)
```
#aa3542
```
#aa3542 rgb(170,53,66)
```

Triadic Color

#35aa9d
```
#35aa9d rgb(53,170,157)
```
#3542aa
```
#3542aa rgb(53,66,170)
```
#aa3542
```
#aa3542 rgb(170,53,66)
```
#aa9d35
```
#aa9d35 rgb(170,157,53)
```

Tetradic Color

#232b70
```
#232b70 rgb(35,43,112)
```
#293383
```
#293383 rgb(41,51,131)
```
#2f3a97
```
#2f3a97 rgb(47,58,151)
```
#3542aa
```
#3542aa rgb(53,66,170)
```
#3b4abd
```
#3b4abd rgb(59,74,189)
```
#4b59c7
```
#4b59c7 rgb(75,89,199)
```
#5f6bcd
```
#5f6bcd rgb(95,107,205)
```

Monochromatic Color

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

#355faa
```
#355faa rgb(53,95,170)
```
#3556aa
```
#3556aa rgb(53,86,170)
```
#354caa
```
#354caa rgb(53,76,170)
```
#3542aa
```
#3542aa rgb(53,66,170)
```
#3538aa
```
#3538aa rgb(53,56,170)
```
#3c35aa
```
#3c35aa rgb(60,53,170)
```
#4535aa
```
#4535aa rgb(69,53,170)
```

Similar Colors

Text with hexadecimal color #3542aa

This text has a font color of #3542aa.

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

#3542aa background color

This paragraph has a background color of #3542aa.

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

#3542aa border color

This element has a border color of #3542aa.

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

CSS codes

.text {color:#3542aa;}

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

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

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

#020206
```
#020206 rgb(2,2,6)
```
#060814
```
#060814 rgb(6,8,20)
```
#0b0e23
```
#0b0e23 rgb(11,14,35)
```
#101432
```
#101432 rgb(16,20,50)
```
#141941
```
#141941 rgb(20,25,65)
```
#191f50
```
#191f50 rgb(25,31,80)
```
#1e255f
```
#1e255f rgb(30,37,95)
```
#222b6e
```
#222b6e rgb(34,43,110)
```
#27317d
```
#27317d rgb(39,49,125)
```
#2c368c
```
#2c368c rgb(44,54,140)
```
#303c9b
```
#303c9b rgb(48,60,155)
```
#3542aa
```
#3542aa rgb(53,66,170)
```
#3a48b9
```
#3a48b9 rgb(58,72,185)
```

Shade Color Variation

#4251c4
```
#4251c4 rgb(66,81,196)
```
#515ec9
```
#515ec9 rgb(81,94,201)
```
#606ccd
```
#606ccd rgb(96,108,205)
```
#6f7ad2
```
#6f7ad2 rgb(111,122,210)
```
#7e88d7
```
#7e88d7 rgb(126,136,215)
```
#8d96db
```
#8d96db rgb(141,150,219)
```
#9ca3e0
```
#9ca3e0 rgb(156,163,224)
```
#abb1e5
```
#abb1e5 rgb(171,177,229)
```
#babfe9
```
#babfe9 rgb(186,191,233)
```
#c9cdee
```
#c9cdee rgb(201,205,238)
```
#d8dbf3
```
#d8dbf3 rgb(216,219,243)
```
#e7e8f7
```
#e7e8f7 rgb(231,232,247)
```
#f6f6fc
```
#f6f6fc rgb(246,246,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #686a77 is the less saturated color, while #021add is the most saturated one.

#686a77
```
#686a77 rgb(104,106,119)
```
#60637f
```
#60637f rgb(96,99,127)
```
#575d88
```
#575d88 rgb(87,93,136)
```
#4f5690
```
#4f5690 rgb(79,86,144)
```
#464f99
```
#464f99 rgb(70,79,153)
```
#3e49a1
```
#3e49a1 rgb(62,73,161)
```
#3542aa
```
#3542aa rgb(53,66,170)
```
#2c3bb3
```
#2c3bb3 rgb(44,59,179)
```
#2435bb
```
#2435bb rgb(36,53,187)
```
#1b2ec4
```
#1b2ec4 rgb(27,46,196)
```
#1327cc
```
#1327cc rgb(19,39,204)
```
#0a21d5
```
#0a21d5 rgb(10,33,213)
```
#021add
```
#021add rgb(2,26,221)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#46485d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a4 Protanopia 1% of men
#005890 Deuteranopia 1% of men
#005f65 Tritanopia 0.001% of the population

Trichromacy

#134da6 Protanomaly 1% of men, 0.01% of women
#135099 Deuteranomaly 6% of men, 0.4% of women
#13547e Tritanomaly 0.01% of the population

#3542aa hex color

#3542aa Color Information

#3542aa Color Conversion

Color Schemes with #3542aa

Alternatives to #3542aa

#3542aa Preview

Shades and Tints of #3542aa

Tones of #3542aa

Color Blindness Simulator