#3524bb hex color

In a RGB color space, hex #3524bb is composed of 20.8% red, 14.1% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 71.7% cyan, 80.7% magenta, 0% yellow and 26.7% black. It has a hue angle of 246.8 degrees, a saturation of 67.7% and a lightness of 43.7%. #3524bb color hex could be obtained by blending #6a48ff with #000077. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 21
- G 14
- B 73
RGB color chart
- C 72
- M 81
- Y 0
- K 27
CMYK color chart

● #3524bb color description : Strong blue.

The hexadecimal color #3524bb has RGB values of R:53, G:36, B:187 and CMYK values of C:0.72, M:0.81, Y:0, K:0.27. Its decimal value is 3482811.

Hex triplet	3524bb	`#3524bb`
RGB Decimal	53, 36, 187	`rgb(53,36,187)`
RGB Percent	20.8, 14.1, 73.3	`rgb(20.8%,14.1%,73.3%)`
CMYK	72, 81, 0, 27
HSL	246.8°, 67.7, 43.7	`hsl(246.8,67.7%,43.7%)`
HSV (or HSB)	246.8°, 80.7, 73.3
Web Safe	3333cc	`#3333cc`

CIE-LAB	28.396, 52.795, -75.151
XYZ	11.067, 5.606, 47.51
xyY	0.172, 0.087, 5.606
CIE-LCH	28.396, 91.842, 305.089
CIE-LUV	28.396, -4.28, -94.525
Hunter-Lab	23.677, 42, -102.397
Binary	00110101, 00100100, 10111011

#3524bb
```
#3524bb rgb(53,36,187)
```
#aabb24
```
#aabb24 rgb(170,187,36)
```

Complementary Color

#245fbb
```
#245fbb rgb(36,95,187)
```
#3524bb
```
#3524bb rgb(53,36,187)
```
#8124bb
```
#8124bb rgb(129,36,187)
```

Analogous Color

#5fbb24
```
#5fbb24 rgb(95,187,36)
```
#3524bb
```
#3524bb rgb(53,36,187)
```
#bb8124
```
#bb8124 rgb(187,129,36)
```

Split Complementary Color

#24bb35
```
#24bb35 rgb(36,187,53)
```
#3524bb
```
#3524bb rgb(53,36,187)
```
#bb3524
```
#bb3524 rgb(187,53,36)
```

Triadic Color

#24aabb
```
#24aabb rgb(36,170,187)
```
#3524bb
```
#3524bb rgb(53,36,187)
```
#bb3524
```
#bb3524 rgb(187,53,36)
```
#aabb24
```
#aabb24 rgb(170,187,36)
```

Tetradic Color

#23187b
```
#23187b rgb(35,24,123)
```
#291c90
```
#291c90 rgb(41,28,144)
```
#2f20a6
```
#2f20a6 rgb(47,32,166)
```
#3524bb
```
#3524bb rgb(53,36,187)
```
#3b28d0
```
#3b28d0 rgb(59,40,208)
```
#4b39d9
```
#4b39d9 rgb(75,57,217)
```
#5f4edd
```
#5f4edd rgb(95,78,221)
```

Monochromatic Color

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

#2439bb
```
#2439bb rgb(36,57,187)
```
#242cbb
```
#242cbb rgb(36,44,187)
```
#2824bb
```
#2824bb rgb(40,36,187)
```
#3524bb
```
#3524bb rgb(53,36,187)
```
#4224bb
```
#4224bb rgb(66,36,187)
```
#4e24bb
```
#4e24bb rgb(78,36,187)
```
#5b24bb
```
#5b24bb rgb(91,36,187)
```

Similar Colors

Text with hexadecimal color #3524bb

This text has a font color of #3524bb.

<span style="color:#3524bb;">Text here</span>

#3524bb background color

This paragraph has a background color of #3524bb.

<p style="background-color:#3524bb;">Content here</p>

#3524bb border color

This element has a border color of #3524bb.

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

CSS codes

.text {color:#3524bb;}

.background {background-color:#3524bb;}

.border {border:1px solid #3524bb;}

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

#020106
```
#020106 rgb(2,1,6)
```
#060417
```
#060417 rgb(6,4,23)
```
#0b0827
```
#0b0827 rgb(11,8,39)
```
#100b37
```
#100b37 rgb(16,11,55)
```
#140e48
```
#140e48 rgb(20,14,72)
```
#191158
```
#191158 rgb(25,17,88)
```
#1e1469
```
#1e1469 rgb(30,20,105)
```
#221779
```
#221779 rgb(34,23,121)
```
#271b8a
```
#271b8a rgb(39,27,138)
```
#2c1e9a
```
#2c1e9a rgb(44,30,154)
```
#3021ab
```
#3021ab rgb(48,33,171)
```
#3524bb
```
#3524bb rgb(53,36,187)
```
#3a27cb
```
#3a27cb rgb(58,39,203)
```

Shade Color Variation

#422fd7
```
#422fd7 rgb(66,47,215)
```
#5140da
```
#5140da rgb(81,64,218)
```
#6050dd
```
#6050dd rgb(96,80,221)
```
#6f61e1
```
#6f61e1 rgb(111,97,225)
```
#7e71e4
```
#7e71e4 rgb(126,113,228)
```
#8d81e7
```
#8d81e7 rgb(141,129,231)
```
#9c92ea
```
#9c92ea rgb(156,146,234)
```
#aba2ed
```
#aba2ed rgb(171,162,237)
```
#bab3f0
```
#bab3f0 rgb(186,179,240)
```
#c9c3f4
```
#c9c3f4 rgb(201,195,244)
```
#d8d4f7
```
#d8d4f7 rgb(216,212,247)
```
#e7e4fa
```
#e7e4fa rgb(231,228,250)
```
#f6f5fd
```
#f6f5fd rgb(246,245,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6a6976 is the less saturated color, while #1a02dd is the most saturated one.

#6a6976
```
#6a6976 rgb(106,105,118)
```
#64607f
```
#64607f rgb(100,96,127)
```
#5d5788
```
#5d5788 rgb(93,87,136)
```
#564f90
```
#564f90 rgb(86,79,144)
```
#504699
```
#504699 rgb(80,70,153)
```
#493ea1
```
#493ea1 rgb(73,62,161)
```
#4235aa
```
#4235aa rgb(66,53,170)
```
#3c2db2
```
#3c2db2 rgb(60,45,178)
```
#3524bb
```
#3524bb rgb(53,36,187)
```
#2e1bc4
```
#2e1bc4 rgb(46,27,196)
```
#2813cc
```
#2813cc rgb(40,19,204)
```
#210ad5
```
#210ad5 rgb(33,10,213)
```
#1a02dd
```
#1a02dd rgb(26,2,221)
```

Tone Color Variation

Below, you can see how #3524bb 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

#3a3a3a Achromatopsia 0.005% of the population
#393654 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004a90 Protanopia 1% of men
#004e7d Deuteranopia 1% of men
#005458 Tritanopia 0.001% of the population

Trichromacy

#133ca0 Protanomaly 1% of men, 0.01% of women
#133f93 Deuteranomaly 6% of men, 0.4% of women
#13427c Tritanomaly 0.01% of the population

#3524bb hex color

#3524bb Color Information

#3524bb Color Conversion

Color Schemes with #3524bb

Alternatives to #3524bb

#3524bb Preview

Shades and Tints of #3524bb

Tones of #3524bb

Color Blindness Simulator