#3a2fc5 hex color

In a RGB color space, hex #3a2fc5 is composed of 22.7% red, 18.4% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 70.6% cyan, 76.1% magenta, 0% yellow and 22.7% black. It has a hue angle of 244.4 degrees, a saturation of 61.5% and a lightness of 47.8%. #3a2fc5 color hex could be obtained by blending #745eff with #00008b. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 23
- G 18
- B 77
RGB color chart
- C 71
- M 76
- Y 0
- K 23
CMYK color chart

● #3a2fc5 color description : Strong blue.

The hexadecimal color #3a2fc5 has RGB values of R:58, G:47, B:197 and CMYK values of C:0.71, M:0.76, Y:0, K:0.23. Its decimal value is 3813317.

Hex triplet	3a2fc5	`#3a2fc5`
RGB Decimal	58, 47, 197	`rgb(58,47,197)`
RGB Percent	22.7, 18.4, 77.3	`rgb(22.7%,18.4%,77.3%)`
CMYK	71, 76, 0, 23
HSL	244.4°, 61.5, 47.8	`hsl(244.4,61.5%,47.8%)`
HSV (or HSB)	244.4°, 76.1, 77.3
Web Safe	3333cc	`#3333cc`

CIE-LAB	31.723, 50.836, -75.527
XYZ	12.838, 6.963, 53.488
xyY	0.175, 0.095, 6.963
CIE-LCH	31.723, 91.042, 303.944
CIE-LUV	31.723, -5.344, -100.091
Hunter-Lab	26.388, 40.661, -101.709
Binary	00111010, 00101111, 11000101

#3a2fc5
```
#3a2fc5 rgb(58,47,197)
```
#bac52f
```
#bac52f rgb(186,197,47)
```

Complementary Color

#2f6fc5
```
#2f6fc5 rgb(47,111,197)
```
#3a2fc5
```
#3a2fc5 rgb(58,47,197)
```
#852fc5
```
#852fc5 rgb(133,47,197)
```

Analogous Color

#6fc52f
```
#6fc52f rgb(111,197,47)
```
#3a2fc5
```
#3a2fc5 rgb(58,47,197)
```
#c5852f
```
#c5852f rgb(197,133,47)
```

Split Complementary Color

#2fc53a
```
#2fc53a rgb(47,197,58)
```
#3a2fc5
```
#3a2fc5 rgb(58,47,197)
```
#c53a2f
```
#c53a2f rgb(197,58,47)
```

Triadic Color

#2fbac5
```
#2fbac5 rgb(47,186,197)
```
#3a2fc5
```
#3a2fc5 rgb(58,47,197)
```
#c53a2f
```
#c53a2f rgb(197,58,47)
```
#bac52f
```
#bac52f rgb(186,197,47)
```

Tetradic Color

#282087
```
#282087 rgb(40,32,135)
```
#2e259c
```
#2e259c rgb(46,37,156)
```
#342ab0
```
#342ab0 rgb(52,42,176)
```
#3a2fc5
```
#3a2fc5 rgb(58,47,197)
```
#483dd1
```
#483dd1 rgb(72,61,209)
```
#5b51d6
```
#5b51d6 rgb(91,81,214)
```
#6f66da
```
#6f66da rgb(111,102,218)
```

Monochromatic Color

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

#2f4ac5
```
#2f4ac5 rgb(47,74,197)
```
#2f3dc5
```
#2f3dc5 rgb(47,61,197)
```
#2f31c5
```
#2f31c5 rgb(47,49,197)
```
#3a2fc5
```
#3a2fc5 rgb(58,47,197)
```
#462fc5
```
#462fc5 rgb(70,47,197)
```
#532fc5
```
#532fc5 rgb(83,47,197)
```
#602fc5
```
#602fc5 rgb(96,47,197)
```

Similar Colors

Text with hexadecimal color #3a2fc5

This text has a font color of #3a2fc5.

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

#3a2fc5 background color

This paragraph has a background color of #3a2fc5.

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

#3a2fc5 border color

This element has a border color of #3a2fc5.

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

CSS codes

.text {color:#3a2fc5;}

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

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

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

#020207
```
#020207 rgb(2,2,7)
```
#070517
```
#070517 rgb(7,5,23)
```
#0b0927
```
#0b0927 rgb(11,9,39)
```
#100d36
```
#100d36 rgb(16,13,54)
```
#151146
```
#151146 rgb(21,17,70)
```
#191556
```
#191556 rgb(25,21,86)
```
#1e1866
```
#1e1866 rgb(30,24,102)
```
#231c76
```
#231c76 rgb(35,28,118)
```
#272086
```
#272086 rgb(39,32,134)
```
#2c2495
```
#2c2495 rgb(44,36,149)
```
#3127a5
```
#3127a5 rgb(49,39,165)
```
#352bb5
```
#352bb5 rgb(53,43,181)
```
#3a2fc5
```
#3a2fc5 rgb(58,47,197)
```

Shade Color Variation

#4338d0
```
#4338d0 rgb(67,56,208)
```
#5248d3
```
#5248d3 rgb(82,72,211)
```
#6158d7
```
#6158d7 rgb(97,88,215)
```
#7068db
```
#7068db rgb(112,104,219)
```
#7f77df
```
#7f77df rgb(127,119,223)
```
#8e87e2
```
#8e87e2 rgb(142,135,226)
```
#9d97e6
```
#9d97e6 rgb(157,151,230)
```
#aca7ea
```
#aca7ea rgb(172,167,234)
```
#bbb7ee
```
#bbb7ee rgb(187,183,238)
```
#cac7f2
```
#cac7f2 rgb(202,199,242)
```
#d9d6f5
```
#d9d6f5 rgb(217,214,245)
```
#e8e6f9
```
#e8e6f9 rgb(232,230,249)
```
#f7f6fd
```
#f7f6fd rgb(247,246,253)
```

Tint Color Variation

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

#727183
```
#727183 rgb(114,113,131)
```
#6a678d
```
#6a678d rgb(106,103,141)
```
#625e96
```
#625e96 rgb(98,94,150)
```
#5a559f
```
#5a559f rgb(90,85,159)
```
#524ba9
```
#524ba9 rgb(82,75,169)
```
#4a42b2
```
#4a42b2 rgb(74,66,178)
```
#4238bc
```
#4238bc rgb(66,56,188)
```
#3a2fc5
```
#3a2fc5 rgb(58,47,197)
```
#3226ce
```
#3226ce rgb(50,38,206)
```
#2a1cd8
```
#2a1cd8 rgb(42,28,216)
```
#2213e1
```
#2213e1 rgb(34,19,225)
```
#1a09eb
```
#1a09eb rgb(26,9,235)
```
#1200f4
```
#1200f4 rgb(18,0,244)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#413f5d Atypical Achromatopsia 0.001% of the population

Dichromacy

#00519e Protanopia 1% of men
#005689 Deuteranopia 1% of men
#005c61 Tritanopia 0.001% of the population

Trichromacy

#1545ac Protanomaly 1% of men, 0.01% of women
#15489f Deuteranomaly 6% of men, 0.4% of women
#154b85 Tritanomaly 0.01% of the population

#3a2fc5 hex color

#3a2fc5 Color Information

#3a2fc5 Color Conversion

Color Schemes with #3a2fc5

Alternatives to #3a2fc5

#3a2fc5 Preview

Shades and Tints of #3a2fc5

Tones of #3a2fc5

Color Blindness Simulator