#3a30ec hex color

In a RGB color space, hex #3a30ec is composed of 22.7% red, 18.8% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 75.4% cyan, 79.7% magenta, 0% yellow and 7.5% black. It has a hue angle of 243.2 degrees, a saturation of 83.2% and a lightness of 55.7%. #3a30ec color hex could be obtained by blending #7460ff with #0000d9. Closest websafe color is: #3333ff.

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

● #3a30ec color description : Bright blue.

The hexadecimal color #3a30ec has RGB values of R:58, G:48, B:236 and CMYK values of C:0.75, M:0.8, Y:0, K:0.07. Its decimal value is 3813612.

Hex triplet	3a30ec	`#3a30ec`
RGB Decimal	58, 48, 236	`rgb(58,48,236)`
RGB Percent	22.7, 18.8, 92.5	`rgb(22.7%,18.8%,92.5%)`
CMYK	75, 80, 0, 7
HSL	243.2°, 83.2, 55.7	`hsl(243.2,83.2%,55.7%)`
HSV (or HSB)	243.2°, 79.7, 92.5
Web Safe	3333ff	`#3333ff`

CIE-LAB	36.116, 62.171, -90.734
XYZ	17.939, 9.068, 80.157
xyY	0.167, 0.085, 9.068
CIE-LCH	36.116, 109.991, 304.419
CIE-LUV	36.116, -7.474, -122.737
Hunter-Lab	30.114, 53.635, -136.738
Binary	00111010, 00110000, 11101100

#3a30ec
```
#3a30ec rgb(58,48,236)
```
#e2ec30
```
#e2ec30 rgb(226,236,48)
```

Complementary Color

#3084ec
```
#3084ec rgb(48,132,236)
```
#3a30ec
```
#3a30ec rgb(58,48,236)
```
#9830ec
```
#9830ec rgb(152,48,236)
```

Analogous Color

#84ec30
```
#84ec30 rgb(132,236,48)
```
#3a30ec
```
#3a30ec rgb(58,48,236)
```
#ec9830
```
#ec9830 rgb(236,152,48)
```

Split Complementary Color

#30ec3a
```
#30ec3a rgb(48,236,58)
```
#3a30ec
```
#3a30ec rgb(58,48,236)
```
#ec3a30
```
#ec3a30 rgb(236,58,48)
```

Triadic Color

#30e2ec
```
#30e2ec rgb(48,226,236)
```
#3a30ec
```
#3a30ec rgb(58,48,236)
```
#ec3a30
```
#ec3a30 rgb(236,58,48)
```
#e2ec30
```
#e2ec30 rgb(226,236,48)
```

Tetradic Color

#1b11be
```
#1b11be rgb(27,17,190)
```
#1e14d5
```
#1e14d5 rgb(30,20,213)
```
#2419ea
```
#2419ea rgb(36,25,234)
```
#3a30ec
```
#3a30ec rgb(58,48,236)
```
#5047ee
```
#5047ee rgb(80,71,238)
```
#665ff0
```
#665ff0 rgb(102,95,240)
```
#7d76f2
```
#7d76f2 rgb(125,118,242)
```

Monochromatic Color

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

#3055ec
```
#3055ec rgb(48,85,236)
```
#3045ec
```
#3045ec rgb(48,69,236)
```
#3036ec
```
#3036ec rgb(48,54,236)
```
#3a30ec
```
#3a30ec rgb(58,48,236)
```
#4a30ec
```
#4a30ec rgb(74,48,236)
```
#5930ec
```
#5930ec rgb(89,48,236)
```
#6930ec
```
#6930ec rgb(105,48,236)
```

Similar Colors

Text with hexadecimal color #3a30ec

This text has a font color of #3a30ec.

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

#3a30ec background color

This paragraph has a background color of #3a30ec.

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

#3a30ec border color

This element has a border color of #3a30ec.

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

CSS codes

.text {color:#3a30ec;}

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

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

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

#010109
```
#010109 rgb(1,1,9)
```
#04021b
```
#04021b rgb(4,2,27)
```
#06042d
```
#06042d rgb(6,4,45)
```
#09063e
```
#09063e rgb(9,6,62)
```
#0b0750
```
#0b0750 rgb(11,7,80)
```
#0e0962
```
#0e0962 rgb(14,9,98)
```
#100b74
```
#100b74 rgb(16,11,116)
```
#130c86
```
#130c86 rgb(19,12,134)
```
#150e98
```
#150e98 rgb(21,14,152)
```
#1810aa
```
#1810aa rgb(24,16,170)
```
#1a11bc
```
#1a11bc rgb(26,17,188)
```
#1d13ce
```
#1d13ce rgb(29,19,206)
```
#1f15e0
```
#1f15e0 rgb(31,21,224)
```

Shade Color Variation

#291eea
```
#291eea rgb(41,30,234)
```
#3a30ec
```
#3a30ec rgb(58,48,236)
```
#4b42ee
```
#4b42ee rgb(75,66,238)
```
#5c54ef
```
#5c54ef rgb(92,84,239)
```
#6d66f1
```
#6d66f1 rgb(109,102,241)
```
#7e78f3
```
#7e78f3 rgb(126,120,243)
```
#8f8af4
```
#8f8af4 rgb(143,138,244)
```
#a19cf6
```
#a19cf6 rgb(161,156,246)
```
#b2aef8
```
#b2aef8 rgb(178,174,248)
```
#c3c0f9
```
#c3c0f9 rgb(195,192,249)
```
#d4d2fb
```
#d4d2fb rgb(212,210,251)
```
#e5e4fc
```
#e5e4fc rgb(229,228,252)
```
#f6f6fe
```
#f6f6fe rgb(246,246,254)
```

Tint Color Variation

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

#888795
```
#888795 rgb(136,135,149)
```
#807e9e
```
#807e9e rgb(128,126,158)
```
#7876a6
```
#7876a6 rgb(120,118,166)
```
#706daf
```
#706daf rgb(112,109,175)
```
#6964b8
```
#6964b8 rgb(105,100,184)
```
#615bc1
```
#615bc1 rgb(97,91,193)
```
#5953c9
```
#5953c9 rgb(89,83,201)
```
#514ad2
```
#514ad2 rgb(81,74,210)
```
#4a41db
```
#4a41db rgb(74,65,219)
```
#4239e3
```
#4239e3 rgb(66,57,227)
```
#3a30ec
```
#3a30ec rgb(58,48,236)
```
#3227f5
```
#3227f5 rgb(50,39,245)
```
#2a1ffd
```
#2a1ffd rgb(42,31,253)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#454369 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005bb0 Protanopia 1% of men
#006099 Deuteranopia 1% of men
#00676c Tritanopia 0.001% of the population

Trichromacy

#154bc6 Protanomaly 1% of men, 0.01% of women
#154eb7 Deuteranomaly 6% of men, 0.4% of women
#15539a Tritanomaly 0.01% of the population

#3a30ec hex color

#3a30ec Color Information

#3a30ec Color Conversion

Color Schemes with #3a30ec

Alternatives to #3a30ec

#3a30ec Preview

Shades and Tints of #3a30ec

Tones of #3a30ec

Color Blindness Simulator