#3531b3 hex color

In a RGB color space, hex #3531b3 is composed of 20.8% red, 19.2% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 70.4% cyan, 72.6% magenta, 0% yellow and 29.8% black. It has a hue angle of 241.8 degrees, a saturation of 57% and a lightness of 44.7%. #3531b3 color hex could be obtained by blending #6a62ff with #000067. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 21
- G 19
- B 70
RGB color chart
- C 70
- M 73
- Y 0
- K 30
CMYK color chart

● #3531b3 color description : Moderate blue.

The hexadecimal color #3531b3 has RGB values of R:53, G:49, B:179 and CMYK values of C:0.7, M:0.73, Y:0, K:0.3. Its decimal value is 3486131.

Hex triplet	3531b3	`#3531b3`
RGB Decimal	53, 49, 179	`rgb(53,49,179)`
RGB Percent	20.8, 19.2, 70.2	`rgb(20.8%,19.2%,70.2%)`
CMYK	70, 73, 0, 30
HSL	241.8°, 57, 44.7	`hsl(241.8,57%,44.7%)`
HSV (or HSB)	241.8°, 72.6, 70.2
Web Safe	3333cc	`#3333cc`

CIE-LAB	29.93, 43.463, -67.862
XYZ	10.702, 6.208, 43.28
xyY	0.178, 0.103, 6.208
CIE-LCH	29.93, 80.587, 302.638
CIE-LUV	29.93, -5.695, -89.192
Hunter-Lab	24.915, 33.068, -85.551
Binary	00110101, 00110001, 10110011

#3531b3
```
#3531b3 rgb(53,49,179)
```
#afb331
```
#afb331 rgb(175,179,49)
```

Complementary Color

#316eb3
```
#316eb3 rgb(49,110,179)
```
#3531b3
```
#3531b3 rgb(53,49,179)
```
#7631b3
```
#7631b3 rgb(118,49,179)
```

Analogous Color

#6eb331
```
#6eb331 rgb(110,179,49)
```
#3531b3
```
#3531b3 rgb(53,49,179)
```
#b37631
```
#b37631 rgb(179,118,49)
```

Split Complementary Color

#31b335
```
#31b335 rgb(49,179,53)
```
#3531b3
```
#3531b3 rgb(53,49,179)
```
#b33531
```
#b33531 rgb(179,53,49)
```

Triadic Color

#31afb3
```
#31afb3 rgb(49,175,179)
```
#3531b3
```
#3531b3 rgb(53,49,179)
```
#b33531
```
#b33531 rgb(179,53,49)
```
#afb331
```
#afb331 rgb(175,179,49)
```

Tetradic Color

#232177
```
#232177 rgb(35,33,119)
```
#29268b
```
#29268b rgb(41,38,139)
```
#2f2c9f
```
#2f2c9f rgb(47,44,159)
```
#3531b3
```
#3531b3 rgb(53,49,179)
```
#3b36c7
```
#3b36c7 rgb(59,54,199)
```
#4e4acd
```
#4e4acd rgb(78,74,205)
```
#615ed3
```
#615ed3 rgb(97,94,211)
```

Monochromatic Color

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

#314eb3
```
#314eb3 rgb(49,78,179)
```
#3143b3
```
#3143b3 rgb(49,67,179)
```
#3138b3
```
#3138b3 rgb(49,56,179)
```
#3531b3
```
#3531b3 rgb(53,49,179)
```
#4031b3
```
#4031b3 rgb(64,49,179)
```
#4b31b3
```
#4b31b3 rgb(75,49,179)
```
#5631b3
```
#5631b3 rgb(86,49,179)
```

Similar Colors

Text with hexadecimal color #3531b3

This text has a font color of #3531b3.

<span style="color:#3531b3;">Text here</span>

#3531b3 background color

This paragraph has a background color of #3531b3.

<p style="background-color:#3531b3;">Content here</p>

#3531b3 border color

This element has a border color of #3531b3.

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

CSS codes

.text {color:#3531b3;}

.background {background-color:#3531b3;}

.border {border:1px solid #3531b3;}

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

#03030a
```
#03030a rgb(3,3,10)
```
#070719
```
#070719 rgb(7,7,25)
```
#0c0b28
```
#0c0b28 rgb(12,11,40)
```
#110f38
```
#110f38 rgb(17,15,56)
```
#151347
```
#151347 rgb(21,19,71)
```
#1a1857
```
#1a1857 rgb(26,24,87)
```
#1e1c66
```
#1e1c66 rgb(30,28,102)
```
#232075
```
#232075 rgb(35,32,117)
```
#272485
```
#272485 rgb(39,36,133)
```
#2c2994
```
#2c2994 rgb(44,41,148)
```
#302da4
```
#302da4 rgb(48,45,164)
```
#3531b3
```
#3531b3 rgb(53,49,179)
```
#3a35c2
```
#3a35c2 rgb(58,53,194)
```

Shade Color Variation

#4540cb
```
#4540cb rgb(69,64,203)
```
#5450cf
```
#5450cf rgb(84,80,207)
```
#635fd3
```
#635fd3 rgb(99,95,211)
```
#726fd7
```
#726fd7 rgb(114,111,215)
```
#817edc
```
#817edc rgb(129,126,220)
```
#908de0
```
#908de0 rgb(144,141,224)
```
#9f9de4
```
#9f9de4 rgb(159,157,228)
```
#aeace8
```
#aeace8 rgb(174,172,232)
```
#bdbced
```
#bdbced rgb(189,188,237)
```
#cccbf1
```
#cccbf1 rgb(204,203,241)
```
#dbdaf5
```
#dbdaf5 rgb(219,218,245)
```
#eaeaf9
```
#eaeaf9 rgb(234,234,249)
```
#f9f9fd
```
#f9f9fd rgb(249,249,253)
```

Tint Color Variation

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

#6f6e76
```
#6f6e76 rgb(111,110,118)
```
#66667e
```
#66667e rgb(102,102,126)
```
#5e5d87
```
#5e5d87 rgb(94,93,135)
```
#565490
```
#565490 rgb(86,84,144)
```
#4e4b99
```
#4e4b99 rgb(78,75,153)
```
#4543a1
```
#4543a1 rgb(69,67,161)
```
#3d3aaa
```
#3d3aaa rgb(61,58,170)
```
#3531b3
```
#3531b3 rgb(53,49,179)
```
#2d28bc
```
#2d28bc rgb(45,40,188)
```
#251fc5
```
#251fc5 rgb(37,31,197)
```
#1c17cd
```
#1c17cd rgb(28,23,205)
```
#140ed6
```
#140ed6 rgb(20,14,214)
```
#0c05df
```
#0c05df rgb(12,5,223)
```

Tone Color Variation

Below, you can see how #3531b3 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

#414141 Achromatopsia 0.005% of the population
#3f3e58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004d97 Protanopia 1% of men
#005283 Deuteranopia 1% of men
#00585d Tritanopia 0.001% of the population

Trichromacy

#1343a1 Protanomaly 1% of men, 0.01% of women
#134694 Deuteranomaly 6% of men, 0.4% of women
#13497c Tritanomaly 0.01% of the population

#3531b3 hex color

#3531b3 Color Information

#3531b3 Color Conversion

Color Schemes with #3531b3

Alternatives to #3531b3

#3531b3 Preview

Shades and Tints of #3531b3

Tones of #3531b3

Color Blindness Simulator