#3a2fda hex color

In a RGB color space, hex #3a2fda is composed of 22.7% red, 18.4% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 73.4% cyan, 78.4% magenta, 0% yellow and 14.5% black. It has a hue angle of 243.9 degrees, a saturation of 69.8% and a lightness of 52%. #3a2fda color hex could be obtained by blending #745eff with #0000b5. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 23
- G 18
- B 85
RGB color chart
- C 73
- M 78
- Y 0
- K 15
CMYK color chart

● #3a2fda color description : Bright blue.

The hexadecimal color #3a2fda has RGB values of R:58, G:47, B:218 and CMYK values of C:0.73, M:0.78, Y:0, K:0.15. Its decimal value is 3813338.

Hex triplet	3a2fda	`#3a2fda`
RGB Decimal	58, 47, 218	`rgb(58,47,218)`
RGB Percent	22.7, 18.4, 85.5	`rgb(22.7%,18.4%,85.5%)`
CMYK	73, 78, 0, 15
HSL	243.9°, 69.8, 52	`hsl(243.9,69.8%,52%)`
HSV (or HSB)	243.9°, 78.4, 85.5
Web Safe	3333cc	`#3333cc`

CIE-LAB	33.97, 57.278, -84.005
XYZ	15.414, 7.994, 67.056
xyY	0.17, 0.088, 7.994
CIE-LCH	33.97, 101.674, 304.287
CIE-LUV	33.97, -6.451, -112.402
Hunter-Lab	28.273, 47.837, -120.83
Binary	00111010, 00101111, 11011010

#3a2fda
```
#3a2fda rgb(58,47,218)
```
#cfda2f
```
#cfda2f rgb(207,218,47)
```

Complementary Color

#2f7ada
```
#2f7ada rgb(47,122,218)
```
#3a2fda
```
#3a2fda rgb(58,47,218)
```
#902fda
```
#902fda rgb(144,47,218)
```

Analogous Color

#7ada2f
```
#7ada2f rgb(122,218,47)
```
#3a2fda
```
#3a2fda rgb(58,47,218)
```
#da902f
```
#da902f rgb(218,144,47)
```

Split Complementary Color

#2fda3a
```
#2fda3a rgb(47,218,58)
```
#3a2fda
```
#3a2fda rgb(58,47,218)
```
#da3a2f
```
#da3a2f rgb(218,58,47)
```

Triadic Color

#2fcfda
```
#2fcfda rgb(47,207,218)
```
#3a2fda
```
#3a2fda rgb(58,47,218)
```
#da3a2f
```
#da3a2f rgb(218,58,47)
```
#cfda2f
```
#cfda2f rgb(207,218,47)
```

Tetradic Color

#251ca0
```
#251ca0 rgb(37,28,160)
```
#2a20b6
```
#2a20b6 rgb(42,32,182)
```
#2f24cb
```
#2f24cb rgb(47,36,203)
```
#3a2fda
```
#3a2fda rgb(58,47,218)
```
#4f45de
```
#4f45de rgb(79,69,222)
```
#635ae2
```
#635ae2 rgb(99,90,226)
```
#7870e6
```
#7870e6 rgb(120,112,230)
```

Monochromatic Color

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

#2f4fda
```
#2f4fda rgb(47,79,218)
```
#2f41da
```
#2f41da rgb(47,65,218)
```
#2f32da
```
#2f32da rgb(47,50,218)
```
#3a2fda
```
#3a2fda rgb(58,47,218)
```
#482fda
```
#482fda rgb(72,47,218)
```
#562fda
```
#562fda rgb(86,47,218)
```
#652fda
```
#652fda rgb(101,47,218)
```

Similar Colors

Text with hexadecimal color #3a2fda

This text has a font color of #3a2fda.

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

#3a2fda background color

This paragraph has a background color of #3a2fda.

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

#3a2fda border color

This element has a border color of #3a2fda.

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

CSS codes

.text {color:#3a2fda;}

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

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

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

#020208
```
#020208 rgb(2,2,8)
```
#060419
```
#060419 rgb(6,4,25)
```
#0a072a
```
#0a072a rgb(10,7,42)
```
#0d0a3a
```
#0d0a3a rgb(13,10,58)
```
#110d4b
```
#110d4b rgb(17,13,75)
```
#15105c
```
#15105c rgb(21,16,92)
```
#19136c
```
#19136c rgb(25,19,108)
```
#1d167d
```
#1d167d rgb(29,22,125)
```
#21198e
```
#21198e rgb(33,25,142)
```
#251c9e
```
#251c9e rgb(37,28,158)
```
#281faf
```
#281faf rgb(40,31,175)
```
#2c22c0
```
#2c22c0 rgb(44,34,192)
```
#3025d0
```
#3025d0 rgb(48,37,208)
```

Shade Color Variation

#3a2fda
```
#3a2fda rgb(58,47,218)
```
#4a40dd
```
#4a40dd rgb(74,64,221)
```
#5a50e0
```
#5a50e0 rgb(90,80,224)
```
#6961e3
```
#6961e3 rgb(105,97,227)
```
#7972e6
```
#7972e6 rgb(121,114,230)
```
#8982e9
```
#8982e9 rgb(137,130,233)
```
#9993ec
```
#9993ec rgb(153,147,236)
```
#a8a4ef
```
#a8a4ef rgb(168,164,239)
```
#b8b4f2
```
#b8b4f2 rgb(184,180,242)
```
#c8c5f5
```
#c8c5f5 rgb(200,197,245)
```
#d8d6f8
```
#d8d6f8 rgb(216,214,248)
```
#e7e6fb
```
#e7e6fb rgb(231,230,251)
```
#f7f7fe
```
#f7f7fe rgb(247,247,254)
```

Tint Color Variation

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

#848485
```
#848485 rgb(132,132,133)
```
#7c7a8f
```
#7c7a8f rgb(124,122,143)
```
#737198
```
#737198 rgb(115,113,152)
```
#6b68a1
```
#6b68a1 rgb(107,104,161)
```
#635eab
```
#635eab rgb(99,94,171)
```
#5b55b4
```
#5b55b4 rgb(91,85,180)
```
#534bbe
```
#534bbe rgb(83,75,190)
```
#4a42c7
```
#4a42c7 rgb(74,66,199)
```
#4238d1
```
#4238d1 rgb(66,56,209)
```
#3a2fda
```
#3a2fda rgb(58,47,218)
```
#3226e3
```
#3226e3 rgb(50,38,227)
```
#2a1ced
```
#2a1ced rgb(42,28,237)
```
#2113f6
```
#2113f6 rgb(33,19,246)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#444164 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a7 Protanopia 1% of men
#005b91 Deuteranopia 1% of men
#006166 Tritanopia 0.001% of the population

Trichromacy

#1548ba Protanomaly 1% of men, 0.01% of women
#154bab Deuteranomaly 6% of men, 0.4% of women
#154f90 Tritanomaly 0.01% of the population

#3a2fda hex color

#3a2fda Color Information

#3a2fda Color Conversion

Color Schemes with #3a2fda

Alternatives to #3a2fda

#3a2fda Preview

Shades and Tints of #3a2fda

Tones of #3a2fda

Color Blindness Simulator