#3531b6 hex color

In a RGB color space, hex #3531b6 is composed of 20.8% red, 19.2% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 70.9% cyan, 73.1% magenta, 0% yellow and 28.6% black. It has a hue angle of 241.8 degrees, a saturation of 57.6% and a lightness of 45.3%. #3531b6 color hex could be obtained by blending #6a62ff with #00006d. Closest websafe color is: #3333cc.

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

● #3531b6 color description : Moderate blue.

The hexadecimal color #3531b6 has RGB values of R:53, G:49, B:182 and CMYK values of C:0.71, M:0.73, Y:0, K:0.29. Its decimal value is 3486134.

Hex triplet	3531b6	`#3531b6`
RGB Decimal	53, 49, 182	`rgb(53,49,182)`
RGB Percent	20.8, 19.2, 71.4	`rgb(20.8%,19.2%,71.4%)`
CMYK	71, 73, 0, 29
HSL	241.8°, 57.6, 45.3	`hsl(241.8,57.6%,45.3%)`
HSV (or HSB)	241.8°, 73.1, 71.4
Web Safe	3333cc	`#3333cc`

CIE-LAB	30.231, 44.452, -69.151
XYZ	11.008, 6.33, 44.895
xyY	0.177, 0.102, 6.33
CIE-LCH	30.231, 82.206, 302.734
CIE-LUV	30.231, -5.841, -91.015
Hunter-Lab	25.16, 34.069, -88.184
Binary	00110101, 00110001, 10110110

#3531b6
```
#3531b6 rgb(53,49,182)
```
#b2b631
```
#b2b631 rgb(178,182,49)
```

Complementary Color

#3170b6
```
#3170b6 rgb(49,112,182)
```
#3531b6
```
#3531b6 rgb(53,49,182)
```
#7831b6
```
#7831b6 rgb(120,49,182)
```

Analogous Color

#70b631
```
#70b631 rgb(112,182,49)
```
#3531b6
```
#3531b6 rgb(53,49,182)
```
#b67831
```
#b67831 rgb(182,120,49)
```

Split Complementary Color

#31b635
```
#31b635 rgb(49,182,53)
```
#3531b6
```
#3531b6 rgb(53,49,182)
```
#b63531
```
#b63531 rgb(182,53,49)
```

Triadic Color

#31b2b6
```
#31b2b6 rgb(49,178,182)
```
#3531b6
```
#3531b6 rgb(53,49,182)
```
#b63531
```
#b63531 rgb(182,53,49)
```
#b2b631
```
#b2b631 rgb(178,182,49)
```

Tetradic Color

#23217a
```
#23217a rgb(35,33,122)
```
#29268e
```
#29268e rgb(41,38,142)
```
#2f2ca2
```
#2f2ca2 rgb(47,44,162)
```
#3531b6
```
#3531b6 rgb(53,49,182)
```
#3c37c9
```
#3c37c9 rgb(60,55,201)
```
#4f4bcf
```
#4f4bcf rgb(79,75,207)
```
#635fd4
```
#635fd4 rgb(99,95,212)
```

Monochromatic Color

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

#314eb6
```
#314eb6 rgb(49,78,182)
```
#3143b6
```
#3143b6 rgb(49,67,182)
```
#3138b6
```
#3138b6 rgb(49,56,182)
```
#3531b6
```
#3531b6 rgb(53,49,182)
```
#4031b6
```
#4031b6 rgb(64,49,182)
```
#4b31b6
```
#4b31b6 rgb(75,49,182)
```
#5631b6
```
#5631b6 rgb(86,49,182)
```

Similar Colors

Text with hexadecimal color #3531b6

This text has a font color of #3531b6.

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

#3531b6 background color

This paragraph has a background color of #3531b6.

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

#3531b6 border color

This element has a border color of #3531b6.

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

CSS codes

.text {color:#3531b6;}

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

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

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

#03030c
```
#03030c rgb(3,3,12)
```
#08071b
```
#08071b rgb(8,7,27)
```
#0c0c2b
```
#0c0c2b rgb(12,12,43)
```
#11103a
```
#11103a rgb(17,16,58)
```
#15144a
```
#15144a rgb(21,20,74)
```
#1a1859
```
#1a1859 rgb(26,24,89)
```
#1e1c69
```
#1e1c69 rgb(30,28,105)
```
#232078
```
#232078 rgb(35,32,120)
```
#272588
```
#272588 rgb(39,37,136)
```
#2c2997
```
#2c2997 rgb(44,41,151)
```
#302da7
```
#302da7 rgb(48,45,167)
```
#3531b6
```
#3531b6 rgb(53,49,182)
```
#3a35c5
```
#3a35c5 rgb(58,53,197)
```

Shade Color Variation

#4642cc
```
#4642cc rgb(70,66,204)
```
#5552d0
```
#5552d0 rgb(85,82,208)
```
#6461d4
```
#6461d4 rgb(100,97,212)
```
#7470d9
```
#7470d9 rgb(116,112,217)
```
#8380dd
```
#8380dd rgb(131,128,221)
```
#928fe1
```
#928fe1 rgb(146,143,225)
```
#a19fe5
```
#a19fe5 rgb(161,159,229)
```
#b0aee9
```
#b0aee9 rgb(176,174,233)
```
#bfbeed
```
#bfbeed rgb(191,190,237)
```
#cecdf2
```
#cecdf2 rgb(206,205,242)
```
#ddddf6
```
#ddddf6 rgb(221,221,246)
```
#edecfa
```
#edecfa rgb(237,236,250)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

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

#6f6f78
```
#6f6f78 rgb(111,111,120)
```
#676681
```
#676681 rgb(103,102,129)
```
#5f5d8a
```
#5f5d8a rgb(95,93,138)
```
#565592
```
#565592 rgb(86,85,146)
```
#4e4c9b
```
#4e4c9b rgb(78,76,155)
```
#4643a4
```
#4643a4 rgb(70,67,164)
```
#3d3aad
```
#3d3aad rgb(61,58,173)
```
#3531b6
```
#3531b6 rgb(53,49,182)
```
#2d28bf
```
#2d28bf rgb(45,40,191)
```
#241fc8
```
#241fc8 rgb(36,31,200)
```
#1c16d1
```
#1c16d1 rgb(28,22,209)
```
#140dda
```
#140dda rgb(20,13,218)
```
#0b05e2
```
#0b05e2 rgb(11,5,226)
```

Tone Color Variation

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

#004e98 Protanopia 1% of men
#005284 Deuteranopia 1% of men
#00585d Tritanopia 0.001% of the population

Trichromacy

#1343a3 Protanomaly 1% of men, 0.01% of women
#134696 Deuteranomaly 6% of men, 0.4% of women
#134a7d Tritanomaly 0.01% of the population

#3531b6 hex color

#3531b6 Color Information

#3531b6 Color Conversion

Color Schemes with #3531b6

Alternatives to #3531b6

#3531b6 Preview

Shades and Tints of #3531b6

Tones of #3531b6

Color Blindness Simulator