#3531ea hex color

In a RGB color space, hex #3531ea is composed of 20.8% red, 19.2% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 77.4% cyan, 79.1% magenta, 0% yellow and 8.2% black. It has a hue angle of 241.3 degrees, a saturation of 81.5% and a lightness of 55.5%. #3531ea color hex could be obtained by blending #6a62ff with #0000d5. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 21
- G 19
- B 92
RGB color chart
- C 77
- M 79
- Y 0
- K 8
CMYK color chart

● #3531ea color description : Bright blue.

The hexadecimal color #3531ea has RGB values of R:53, G:49, B:234 and CMYK values of C:0.77, M:0.79, Y:0, K:0.08. Its decimal value is 3486186.

Hex triplet	3531ea	`#3531ea`
RGB Decimal	53, 49, 234	`rgb(53,49,234)`
RGB Percent	20.8, 19.2, 91.8	`rgb(20.8%,19.2%,91.8%)`
CMYK	77, 79, 0, 8
HSL	241.3°, 81.5, 55.5	`hsl(241.3,81.5%,55.5%)`
HSV (or HSB)	241.3°, 79.1, 91.8
Web Safe	3333ff	`#3333ff`

CIE-LAB	35.777, 60.808, -90.168
XYZ	17.415, 8.893, 78.636
xyY	0.166, 0.085, 8.893
CIE-LCH	35.777, 108.756, 303.995
CIE-LUV	35.777, -8.237, -121.566
Hunter-Lab	29.821, 52.054, -135.469
Binary	00110101, 00110001, 11101010

#3531ea
```
#3531ea rgb(53,49,234)
```
#e6ea31
```
#e6ea31 rgb(230,234,49)
```

Complementary Color

#318aea
```
#318aea rgb(49,138,234)
```
#3531ea
```
#3531ea rgb(53,49,234)
```
#9231ea
```
#9231ea rgb(146,49,234)
```

Analogous Color

#8aea31
```
#8aea31 rgb(138,234,49)
```
#3531ea
```
#3531ea rgb(53,49,234)
```
#ea9231
```
#ea9231 rgb(234,146,49)
```

Split Complementary Color

#31ea35
```
#31ea35 rgb(49,234,53)
```
#3531ea
```
#3531ea rgb(53,49,234)
```
#ea3531
```
#ea3531 rgb(234,53,49)
```

Triadic Color

#31e6ea
```
#31e6ea rgb(49,230,234)
```
#3531ea
```
#3531ea rgb(53,49,234)
```
#ea3531
```
#ea3531 rgb(234,53,49)
```
#e6ea31
```
#e6ea31 rgb(230,234,49)
```

Tetradic Color

#1713bb
```
#1713bb rgb(23,19,187)
```
#1a15d3
```
#1a15d3 rgb(26,21,211)
```
#1e1ae8
```
#1e1ae8 rgb(30,26,232)
```
#3531ea
```
#3531ea rgb(53,49,234)
```
#4c48ec
```
#4c48ec rgb(76,72,236)
```
#625fef
```
#625fef rgb(98,95,239)
```
#7976f1
```
#7976f1 rgb(121,118,241)
```

Monochromatic Color

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

#315bea
```
#315bea rgb(49,91,234)
```
#314cea
```
#314cea rgb(49,76,234)
```
#313cea
```
#313cea rgb(49,60,234)
```
#3531ea
```
#3531ea rgb(53,49,234)
```
#4431ea
```
#4431ea rgb(68,49,234)
```
#5431ea
```
#5431ea rgb(84,49,234)
```
#6331ea
```
#6331ea rgb(99,49,234)
```

Similar Colors

Text with hexadecimal color #3531ea

This text has a font color of #3531ea.

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

#3531ea background color

This paragraph has a background color of #3531ea.

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

#3531ea border color

This element has a border color of #3531ea.

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

CSS codes

.text {color:#3531ea;}

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

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

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

#010108
```
#010108 rgb(1,1,8)
```
#030319
```
#030319 rgb(3,3,25)
```
#05042b
```
#05042b rgb(5,4,43)
```
#07063d
```
#07063d rgb(7,6,61)
```
#0a084f
```
#0a084f rgb(10,8,79)
```
#0c0a61
```
#0c0a61 rgb(12,10,97)
```
#0e0c72
```
#0e0c72 rgb(14,12,114)
```
#100d84
```
#100d84 rgb(16,13,132)
```
#120f96
```
#120f96 rgb(18,15,150)
```
#1411a8
```
#1411a8 rgb(20,17,168)
```
#1713ba
```
#1713ba rgb(23,19,186)
```
#1915cb
```
#1915cb rgb(25,21,203)
```
#1b17dd
```
#1b17dd rgb(27,23,221)
```

Shade Color Variation

#241fe8
```
#241fe8 rgb(36,31,232)
```
#3531ea
```
#3531ea rgb(53,49,234)
```
#4643ec
```
#4643ec rgb(70,67,236)
```
#5855ee
```
#5855ee rgb(88,85,238)
```
#6966ef
```
#6966ef rgb(105,102,239)
```
#7b78f1
```
#7b78f1 rgb(123,120,241)
```
#8c8af3
```
#8c8af3 rgb(140,138,243)
```
#9e9cf5
```
#9e9cf5 rgb(158,156,245)
```
#afaef7
```
#afaef7 rgb(175,174,247)
```
#c1bff9
```
#c1bff9 rgb(193,191,249)
```
#d2d1fa
```
#d2d1fa rgb(210,209,250)
```
#e4e3fc
```
#e4e3fc rgb(228,227,252)
```
#f5f5fe
```
#f5f5fe rgb(245,245,254)
```

Tint Color Variation

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

#898893
```
#898893 rgb(137,136,147)
```
#80809b
```
#80809b rgb(128,128,155)
```
#7877a4
```
#7877a4 rgb(120,119,164)
```
#6f6ead
```
#6f6ead rgb(111,110,173)
```
#6765b6
```
#6765b6 rgb(103,101,182)
```
#5f5dbe
```
#5f5dbe rgb(95,93,190)
```
#5654c7
```
#5654c7 rgb(86,84,199)
```
#4e4bd0
```
#4e4bd0 rgb(78,75,208)
```
#4642d9
```
#4642d9 rgb(70,66,217)
```
#3d3ae1
```
#3d3ae1 rgb(61,58,225)
```
#3531ea
```
#3531ea rgb(53,49,234)
```
#2d28f3
```
#2d28f3 rgb(45,40,243)
```
#2420fb
```
#2420fb rgb(36,32,251)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#434368 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005aaf Protanopia 1% of men
#005f97 Deuteranopia 1% of men
#00666b Tritanopia 0.001% of the population

Trichromacy

#134bc4 Protanomaly 1% of men, 0.01% of women
#134eb5 Deuteranomaly 6% of men, 0.4% of women
#135299 Tritanomaly 0.01% of the population

#3531ea hex color

#3531ea Color Information

#3531ea Color Conversion

Color Schemes with #3531ea

Alternatives to #3531ea

#3531ea Preview

Shades and Tints of #3531ea

Tones of #3531ea

Color Blindness Simulator