#3540b4 hex color

In a RGB color space, hex #3540b4 is composed of 20.8% red, 25.1% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 70.6% cyan, 64.4% magenta, 0% yellow and 29.4% black. It has a hue angle of 234.8 degrees, a saturation of 54.5% and a lightness of 45.7%. #3540b4 color hex could be obtained by blending #6a80ff with #000069. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 21
- G 25
- B 71
RGB color chart
- C 71
- M 64
- Y 0
- K 29
CMYK color chart

● #3540b4 color description : Moderate blue.

The hexadecimal color #3540b4 has RGB values of R:53, G:64, B:180 and CMYK values of C:0.71, M:0.64, Y:0, K:0.29. Its decimal value is 3489972.

Hex triplet	3540b4	`#3540b4`
RGB Decimal	53, 64, 180	`rgb(53,64,180)`
RGB Percent	20.8, 25.1, 70.6	`rgb(20.8%,25.1%,70.6%)`
CMYK	71, 64, 0, 29
HSL	234.8°, 54.5, 45.7	`hsl(234.8,54.5%,45.7%)`
HSV (or HSB)	234.8°, 70.6, 70.6
Web Safe	3333cc	`#3333cc`

CIE-LAB	33.389, 34.688, -62.776
XYZ	11.538, 7.718, 44.059
xyY	0.182, 0.122, 7.718
CIE-LCH	33.389, 71.722, 298.924
CIE-LUV	33.389, -8.673, -87.09
Hunter-Lab	27.782, 25.515, -74.581
Binary	00110101, 01000000, 10110100

#3540b4
```
#3540b4 rgb(53,64,180)
```
#b4a935
```
#b4a935 rgb(180,169,53)
```

Complementary Color

#3580b4
```
#3580b4 rgb(53,128,180)
```
#3540b4
```
#3540b4 rgb(53,64,180)
```
#6a35b4
```
#6a35b4 rgb(106,53,180)
```

Analogous Color

#80b435
```
#80b435 rgb(128,180,53)
```
#3540b4
```
#3540b4 rgb(53,64,180)
```
#b46a35
```
#b46a35 rgb(180,106,53)
```

Split Complementary Color

#40b435
```
#40b435 rgb(64,180,53)
```
#3540b4
```
#3540b4 rgb(53,64,180)
```
#b43540
```
#b43540 rgb(180,53,64)
```

Triadic Color

#35b4a9
```
#35b4a9 rgb(53,180,169)
```
#3540b4
```
#3540b4 rgb(53,64,180)
```
#b43540
```
#b43540 rgb(180,53,64)
```
#b4a935
```
#b4a935 rgb(180,169,53)
```

Tetradic Color

#242b79
```
#242b79 rgb(36,43,121)
```
#29328d
```
#29328d rgb(41,50,141)
```
#2f39a0
```
#2f39a0 rgb(47,57,160)
```
#3540b4
```
#3540b4 rgb(53,64,180)
```
#3d49c6
```
#3d49c6 rgb(61,73,198)
```
#505bcc
```
#505bcc rgb(80,91,204)
```
#646ed1
```
#646ed1 rgb(100,110,209)
```

Monochromatic Color

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

#3560b4
```
#3560b4 rgb(53,96,180)
```
#3555b4
```
#3555b4 rgb(53,85,180)
```
#354bb4
```
#354bb4 rgb(53,75,180)
```
#3540b4
```
#3540b4 rgb(53,64,180)
```
#3535b4
```
#3535b4 rgb(53,53,180)
```
#3f35b4
```
#3f35b4 rgb(63,53,180)
```
#4a35b4
```
#4a35b4 rgb(74,53,180)
```

Similar Colors

Text with hexadecimal color #3540b4

This text has a font color of #3540b4.

<span style="color:#3540b4;">Text here</span>

#3540b4 background color

This paragraph has a background color of #3540b4.

<p style="background-color:#3540b4;">Content here</p>

#3540b4 border color

This element has a border color of #3540b4.

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

CSS codes

.text {color:#3540b4;}

.background {background-color:#3540b4;}

.border {border:1px solid #3540b4;}

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, #04050d is the darkest color, while #fdfdfe is the lightest one.

#04050d
```
#04050d rgb(4,5,13)
```
#080a1c
```
#080a1c rgb(8,10,28)
```
#0d102c
```
#0d102c rgb(13,16,44)
```
#11153b
```
#11153b rgb(17,21,59)
```
#161a4a
```
#161a4a rgb(22,26,74)
```
#1a2059
```
#1a2059 rgb(26,32,89)
```
#1f2568
```
#1f2568 rgb(31,37,104)
```
#232a77
```
#232a77 rgb(35,42,119)
```
#283087
```
#283087 rgb(40,48,135)
```
#2c3596
```
#2c3596 rgb(44,53,150)
```
#313ba5
```
#313ba5 rgb(49,59,165)
```
#3540b4
```
#3540b4 rgb(53,64,180)
```
#3945c3
```
#3945c3 rgb(57,69,195)
```

Shade Color Variation

#4753c9
```
#4753c9 rgb(71,83,201)
```
#5661cd
```
#5661cd rgb(86,97,205)
```
#666fd2
```
#666fd2 rgb(102,111,210)
```
#757dd6
```
#757dd6 rgb(117,125,214)
```
#848bdb
```
#848bdb rgb(132,139,219)
```
#939adf
```
#939adf rgb(147,154,223)
```
#a2a8e4
```
#a2a8e4 rgb(162,168,228)
```
#b1b6e8
```
#b1b6e8 rgb(177,182,232)
```
#c1c4ed
```
#c1c4ed rgb(193,196,237)
```
#d0d3f1
```
#d0d3f1 rgb(208,211,241)
```
#dfe1f6
```
#dfe1f6 rgb(223,225,246)
```
#eeeffa
```
#eeeffa rgb(238,239,250)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#747475
```
#747475 rgb(116,116,117)
```
#6b6c7e
```
#6b6c7e rgb(107,108,126)
```
#626587
```
#626587 rgb(98,101,135)
```
#595e90
```
#595e90 rgb(89,94,144)
```
#505699
```
#505699 rgb(80,86,153)
```
#474fa2
```
#474fa2 rgb(71,79,162)
```
#3e47ab
```
#3e47ab rgb(62,71,171)
```
#3540b4
```
#3540b4 rgb(53,64,180)
```
#2c39bd
```
#2c39bd rgb(44,57,189)
```
#2331c6
```
#2331c6 rgb(35,49,198)
```
#1a2acf
```
#1a2acf rgb(26,42,207)
```
#1122d8
```
#1122d8 rgb(17,34,216)
```
#081be1
```
#081be1 rgb(8,27,225)
```

Tone Color Variation

Below, you can see how #3540b4 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
#46485f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a6 Protanopia 1% of men
#005990 Deuteranopia 1% of men
#006066 Tritanopia 0.001% of the population

Trichromacy

#134dab Protanomaly 1% of men, 0.01% of women
#13509d Deuteranomaly 6% of men, 0.4% of women
#135482 Tritanomaly 0.01% of the population

#3540b4 hex color

#3540b4 Color Information

#3540b4 Color Conversion

Color Schemes with #3540b4

Alternatives to #3540b4

#3540b4 Preview

Shades and Tints of #3540b4

Tones of #3540b4

Color Blindness Simulator