#3a49ec hex color

In a RGB color space, hex #3a49ec is composed of 22.7% red, 28.6% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 75.4% cyan, 69.1% magenta, 0% yellow and 7.5% black. It has a hue angle of 234.9 degrees, a saturation of 82.4% and a lightness of 57.6%. #3a49ec color hex could be obtained by blending #7492ff with #0000d9. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 23
- G 29
- B 93
RGB color chart
- C 75
- M 69
- Y 0
- K 7
CMYK color chart

● #3a49ec color description : Bright blue.

The hexadecimal color #3a49ec has RGB values of R:58, G:73, B:236 and CMYK values of C:0.75, M:0.69, Y:0, K:0.07. Its decimal value is 3820012.

Hex triplet	3a49ec	`#3a49ec`
RGB Decimal	58, 73, 236	`rgb(58,73,236)`
RGB Percent	22.7, 28.6, 92.5	`rgb(22.7%,28.6%,92.5%)`
CMYK	75, 69, 0, 7
HSL	234.9°, 82.4, 57.6	`hsl(234.9,82.4%,57.6%)`
HSV (or HSB)	234.9°, 75.4, 92.5
Web Safe	3333ff	`#3333ff`

CIE-LAB	40.767, 49.021, -83.046
XYZ	19.265, 11.72, 80.599
xyY	0.173, 0.105, 11.72
CIE-LCH	40.767, 96.435, 300.553
CIE-LUV	40.767, -11.365, -120.246
Hunter-Lab	34.234, 40.54, -115.627
Binary	00111010, 01001001, 11101100

#3a49ec
```
#3a49ec rgb(58,73,236)
```
#ecdd3a
```
#ecdd3a rgb(236,221,58)
```

Complementary Color

#3aa2ec
```
#3aa2ec rgb(58,162,236)
```
#3a49ec
```
#3a49ec rgb(58,73,236)
```
#843aec
```
#843aec rgb(132,58,236)
```

Analogous Color

#a2ec3a
```
#a2ec3a rgb(162,236,58)
```
#3a49ec
```
#3a49ec rgb(58,73,236)
```
#ec843a
```
#ec843a rgb(236,132,58)
```

Split Complementary Color

#49ec3a
```
#49ec3a rgb(73,236,58)
```
#3a49ec
```
#3a49ec rgb(58,73,236)
```
#ec3a49
```
#ec3a49 rgb(236,58,73)
```

Triadic Color

#3aecdd
```
#3aecdd rgb(58,236,221)
```
#3a49ec
```
#3a49ec rgb(58,73,236)
```
#ec3a49
```
#ec3a49 rgb(236,58,73)
```
#ecdd3a
```
#ecdd3a rgb(236,221,58)
```

Tetradic Color

#1322c6
```
#1322c6 rgb(19,34,198)
```
#1526de
```
#1526de rgb(21,38,222)
```
#2334ea
```
#2334ea rgb(35,52,234)
```
#3a49ec
```
#3a49ec rgb(58,73,236)
```
#515eee
```
#515eee rgb(81,94,238)
```
#6974f0
```
#6974f0 rgb(105,116,240)
```
#8089f3
```
#8089f3 rgb(128,137,243)
```

Monochromatic Color

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

#3a76ec
```
#3a76ec rgb(58,118,236)
```
#3a67ec
```
#3a67ec rgb(58,103,236)
```
#3a58ec
```
#3a58ec rgb(58,88,236)
```
#3a49ec
```
#3a49ec rgb(58,73,236)
```
#3a3aec
```
#3a3aec rgb(58,58,236)
```
#493aec
```
#493aec rgb(73,58,236)
```
#573aec
```
#573aec rgb(87,58,236)
```

Similar Colors

Text with hexadecimal color #3a49ec

This text has a font color of #3a49ec.

<span style="color:#3a49ec;">Text here</span>

#3a49ec background color

This paragraph has a background color of #3a49ec.

<p style="background-color:#3a49ec;">Content here</p>

#3a49ec border color

This element has a border color of #3a49ec.

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

CSS codes

.text {color:#3a49ec;}

.background {background-color:#3a49ec;}

.border {border:1px solid #3a49ec;}

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

#020312
```
#020312 rgb(2,3,18)
```
#030624
```
#030624 rgb(3,6,36)
```
#050935
```
#050935 rgb(5,9,53)
```
#070c47
```
#070c47 rgb(7,12,71)
```
#090f59
```
#090f59 rgb(9,15,89)
```
#0a126b
```
#0a126b rgb(10,18,107)
```
#0c167d
```
#0c167d rgb(12,22,125)
```
#0e198f
```
#0e198f rgb(14,25,143)
```
#101ca1
```
#101ca1 rgb(16,28,161)
```
#111fb3
```
#111fb3 rgb(17,31,179)
```
#1322c5
```
#1322c5 rgb(19,34,197)
```
#1525d6
```
#1525d6 rgb(21,37,214)
```
#1628e8
```
#1628e8 rgb(22,40,232)
```

Shade Color Variation

#2838ea
```
#2838ea rgb(40,56,234)
```
#3a49ec
```
#3a49ec rgb(58,73,236)
```
#4c5aee
```
#4c5aee rgb(76,90,238)
```
#5e6aef
```
#5e6aef rgb(94,106,239)
```
#707bf1
```
#707bf1 rgb(112,123,241)
```
#828bf3
```
#828bf3 rgb(130,139,243)
```
#939cf5
```
#939cf5 rgb(147,156,245)
```
#a5acf6
```
#a5acf6 rgb(165,172,246)
```
#b7bdf8
```
#b7bdf8 rgb(183,189,248)
```
#c9cdfa
```
#c9cdfa rgb(201,205,250)
```
#dbdefc
```
#dbdefc rgb(219,222,252)
```
#edeefd
```
#edeefd rgb(237,238,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8d8e99 is the less saturated color, while #293bfd is the most saturated one.

#8d8e99
```
#8d8e99 rgb(141,142,153)
```
#8587a1
```
#8587a1 rgb(133,135,161)
```
#7c80aa
```
#7c80aa rgb(124,128,170)
```
#7479b2
```
#7479b2 rgb(116,121,178)
```
#6c72ba
```
#6c72ba rgb(108,114,186)
```
#646cc2
```
#646cc2 rgb(100,108,194)
```
#5b65cb
```
#5b65cb rgb(91,101,203)
```
#535ed3
```
#535ed3 rgb(83,94,211)
```
#4b57db
```
#4b57db rgb(75,87,219)
```
#4250e4
```
#4250e4 rgb(66,80,228)
```
#3a49ec
```
#3a49ec rgb(58,73,236)
```
#3242f4
```
#3242f4 rgb(50,66,244)
```
#293bfd
```
#293bfd rgb(41,59,253)
```

Tone Color Variation

Below, you can see how #3a49ec 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

#575757 Achromatopsia 0.005% of the population
#515475 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0065c5 Protanopia 1% of men
#006bab Deuteranopia 1% of men
#007278 Tritanopia 0.001% of the population

Trichromacy

#155bd3 Protanomaly 1% of men, 0.01% of women
#155ec2 Deuteranomaly 6% of men, 0.4% of women
#1563a2 Tritanomaly 0.01% of the population

#3a49ec hex color

#3a49ec Color Information

#3a49ec Color Conversion

Color Schemes with #3a49ec

Alternatives to #3a49ec

#3a49ec Preview

Shades and Tints of #3a49ec

Tones of #3a49ec

Color Blindness Simulator