#3a2fec hex color

In a RGB color space, hex #3a2fec is composed of 22.7% red, 18.4% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 75.4% cyan, 80.1% magenta, 0% yellow and 7.5% black. It has a hue angle of 243.5 degrees, a saturation of 83.3% and a lightness of 55.5%. #3a2fec color hex could be obtained by blending #745eff with #0000d9. Closest websafe color is: #3333ff.

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

● #3a2fec color description : Bright blue.

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

Hex triplet	3a2fec	`#3a2fec`
RGB Decimal	58, 47, 236	`rgb(58,47,236)`
RGB Percent	22.7, 18.4, 92.5	`rgb(22.7%,18.4%,92.5%)`
CMYK	75, 80, 0, 7
HSL	243.5°, 83.3, 55.5	`hsl(243.5,83.3%,55.5%)`
HSV (or HSB)	243.5°, 80.1, 92.5
Web Safe	3333ff	`#3333ff`

CIE-LAB	35.96, 62.625, -90.992
XYZ	17.899, 8.988, 80.144
xyY	0.167, 0.084, 8.988
CIE-LCH	35.96, 110.46, 304.538
CIE-LUV	35.96, -7.354, -122.756
Hunter-Lab	29.979, 54.107, -137.514
Binary	00111010, 00101111, 11101100

#3a2fec
```
#3a2fec rgb(58,47,236)
```
#e1ec2f
```
#e1ec2f rgb(225,236,47)
```

Complementary Color

#2f83ec
```
#2f83ec rgb(47,131,236)
```
#3a2fec
```
#3a2fec rgb(58,47,236)
```
#992fec
```
#992fec rgb(153,47,236)
```

Analogous Color

#83ec2f
```
#83ec2f rgb(131,236,47)
```
#3a2fec
```
#3a2fec rgb(58,47,236)
```
#ec992f
```
#ec992f rgb(236,153,47)
```

Split Complementary Color

#2fec3a
```
#2fec3a rgb(47,236,58)
```
#3a2fec
```
#3a2fec rgb(58,47,236)
```
#ec3a2f
```
#ec3a2f rgb(236,58,47)
```

Triadic Color

#2fe1ec
```
#2fe1ec rgb(47,225,236)
```
#3a2fec
```
#3a2fec rgb(58,47,236)
```
#ec3a2f
```
#ec3a2f rgb(236,58,47)
```
#e1ec2f
```
#e1ec2f rgb(225,236,47)
```

Tetradic Color

#1b11bd
```
#1b11bd rgb(27,17,189)
```
#1f13d5
```
#1f13d5 rgb(31,19,213)
```
#2418ea
```
#2418ea rgb(36,24,234)
```
#3a2fec
```
#3a2fec rgb(58,47,236)
```
#5046ee
```
#5046ee rgb(80,70,238)
```
#665ef0
```
#665ef0 rgb(102,94,240)
```
#7c75f2
```
#7c75f2 rgb(124,117,242)
```

Monochromatic Color

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

#2f53ec
```
#2f53ec rgb(47,83,236)
```
#2f44ec
```
#2f44ec rgb(47,68,236)
```
#2f34ec
```
#2f34ec rgb(47,52,236)
```
#3a2fec
```
#3a2fec rgb(58,47,236)
```
#4a2fec
```
#4a2fec rgb(74,47,236)
```
#5a2fec
```
#5a2fec rgb(90,47,236)
```
#692fec
```
#692fec rgb(105,47,236)
```

Similar Colors

Text with hexadecimal color #3a2fec

This text has a font color of #3a2fec.

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

#3a2fec background color

This paragraph has a background color of #3a2fec.

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

#3a2fec border color

This element has a border color of #3a2fec.

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

CSS codes

.text {color:#3a2fec;}

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

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

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)
```
#04021a
```
#04021a rgb(4,2,26)
```
#06042c
```
#06042c rgb(6,4,44)
```
#09063e
```
#09063e rgb(9,6,62)
```
#0b0750
```
#0b0750 rgb(11,7,80)
```
#0e0962
```
#0e0962 rgb(14,9,98)
```
#110b74
```
#110b74 rgb(17,11,116)
```
#130c85
```
#130c85 rgb(19,12,133)
```
#160e97
```
#160e97 rgb(22,14,151)
```
#180fa9
```
#180fa9 rgb(24,15,169)
```
#1b11bb
```
#1b11bb rgb(27,17,187)
```
#1e13cd
```
#1e13cd rgb(30,19,205)
```
#2014df
```
#2014df rgb(32,20,223)
```

Shade Color Variation

#291dea
```
#291dea rgb(41,29,234)
```
#3a2fec
```
#3a2fec rgb(58,47,236)
```
#4b41ee
```
#4b41ee rgb(75,65,238)
```
#5c53ef
```
#5c53ef rgb(92,83,239)
```
#6d65f1
```
#6d65f1 rgb(109,101,241)
```
#7e77f3
```
#7e77f3 rgb(126,119,243)
```
#8f89f4
```
#8f89f4 rgb(143,137,244)
```
#a09bf6
```
#a09bf6 rgb(160,155,246)
```
#b1adf7
```
#b1adf7 rgb(177,173,247)
```
#c2bff9
```
#c2bff9 rgb(194,191,249)
```
#d3d1fb
```
#d3d1fb rgb(211,209,251)
```
#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, #878695 is the less saturated color, while #2b1efd is the most saturated one.

#878695
```
#878695 rgb(135,134,149)
```
#7f7e9d
```
#7f7e9d rgb(127,126,157)
```
#7875a6
```
#7875a6 rgb(120,117,166)
```
#706caf
```
#706caf rgb(112,108,175)
```
#6863b8
```
#6863b8 rgb(104,99,184)
```
#615bc0
```
#615bc0 rgb(97,91,192)
```
#5952c9
```
#5952c9 rgb(89,82,201)
```
#5149d2
```
#5149d2 rgb(81,73,210)
```
#4940db
```
#4940db rgb(73,64,219)
```
#4238e3
```
#4238e3 rgb(66,56,227)
```
#3a2fec
```
#3a2fec rgb(58,47,236)
```
#3226f5
```
#3226f5 rgb(50,38,245)
```
#2b1efd
```
#2b1efd rgb(43,30,253)
```

Tone Color Variation

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

#005ab0 Protanopia 1% of men
#006098 Deuteranopia 1% of men
#00666b Tritanopia 0.001% of the population

Trichromacy

#154ac6 Protanomaly 1% of men, 0.01% of women
#154eb6 Deuteranomaly 6% of men, 0.4% of women
#15529a Tritanomaly 0.01% of the population

#3a2fec hex color

#3a2fec Color Information

#3a2fec Color Conversion

Color Schemes with #3a2fec

Alternatives to #3a2fec

#3a2fec Preview

Shades and Tints of #3a2fec

Tones of #3a2fec

Color Blindness Simulator