colorhexa.com

#341ed4 hex color

In a RGB color space, hex #341ed4 is composed of 20.4% red, 11.8% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 75.5% cyan, 85.8% magenta, 0% yellow and 16.9% black. It has a hue angle of 247.3 degrees, a saturation of 75.2% and a lightness of 47.5%. #341ed4 color hex could be obtained by blending #683cff with #0000a9. Closest websafe color is: #3333cc.

- R 20
- G 12
- B 83
RGB color chart
- C 75
- M 86
- Y 0
- K 17
CMYK color chart

● #341ed4 color description : Strong blue.

The hexadecimal color #341ed4 has RGB values of R:52, G:30, B:212 and CMYK values of C:0.75, M:0.86, Y:0, K:0.17. Its decimal value is 3415764.

Hex triplet	341ed4	`#341ed4`
RGB Decimal	52, 30, 212	`rgb(52,30,212)`
RGB Percent	20.4, 11.8, 83.1	`rgb(20.4%,11.8%,83.1%)`
CMYK	75, 86, 0, 17
HSL	247.3°, 75.2, 47.5	`hsl(247.3,75.2%,47.5%)`
HSV (or HSB)	247.3°, 85.8, 83.1
Web Safe	3333cc	`#3333cc`

CIE-LAB	30.427, 62.435, -86.43
XYZ	13.762, 6.411, 62.796
xyY	0.166, 0.077, 6.411
CIE-LCH	30.427, 106.622, 305.843
CIE-LUV	30.427, -5.267, -108.743
Hunter-Lab	25.32, 52.705, -129.318
Binary	00110100, 00011110, 11010100

#341ed4
```
#341ed4 rgb(52,30,212)
```
#bed41e
```
#bed41e rgb(190,212,30)
```

Complementary Color

#1e63d4
```
#1e63d4 rgb(30,99,212)
```
#341ed4
```
#341ed4 rgb(52,30,212)
```
#8f1ed4
```
#8f1ed4 rgb(143,30,212)
```

Analogous Color

#63d41e
```
#63d41e rgb(99,212,30)
```
#341ed4
```
#341ed4 rgb(52,30,212)
```
#d48f1e
```
#d48f1e rgb(212,143,30)
```

Split Complementary Color

#1ed434
```
#1ed434 rgb(30,212,52)
```
#341ed4
```
#341ed4 rgb(52,30,212)
```
#d4341e
```
#d4341e rgb(212,52,30)
```

Triadic Color

#1ebed4
```
#1ebed4 rgb(30,190,212)
```
#341ed4
```
#341ed4 rgb(52,30,212)
```
#d4341e
```
#d4341e rgb(212,52,30)
```
#bed41e
```
#bed41e rgb(190,212,30)
```

Tetradic Color

#241591
```
#241591 rgb(36,21,145)
```
#2918a7
```
#2918a7 rgb(41,24,167)
```
#2f1bbe
```
#2f1bbe rgb(47,27,190)
```
#341ed4
```
#341ed4 rgb(52,30,212)
```
#412be1
```
#412be1 rgb(65,43,225)
```
#5541e4
```
#5541e4 rgb(85,65,228)
```
#6957e7
```
#6957e7 rgb(105,87,231)
```

Monochromatic Color

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

#1e36d4
```
#1e36d4 rgb(30,54,212)
```
#1e26d4
```
#1e26d4 rgb(30,38,212)
```
#251ed4
```
#251ed4 rgb(37,30,212)
```
#341ed4
```
#341ed4 rgb(52,30,212)
```
#431ed4
```
#431ed4 rgb(67,30,212)
```
#521ed4
```
#521ed4 rgb(82,30,212)
```
#611ed4
```
#611ed4 rgb(97,30,212)
```

Similar Colors

Text with hexadecimal color #341ed4

This text has a font color of #341ed4.

<span style="color:#341ed4;">Text here</span>

#341ed4 background color

This paragraph has a background color of #341ed4.

<p style="background-color:#341ed4;">Content here</p>

#341ed4 border color

This element has a border color of #341ed4.

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

CSS codes

.text {color:#341ed4;}

.background {background-color:#341ed4;}

.border {border:1px solid #341ed4;}

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

#010106
```
#010106 rgb(1,1,6)
```
#060317
```
#060317 rgb(6,3,23)
```
#0a0628
```
#0a0628 rgb(10,6,40)
```
#0e0839
```
#0e0839 rgb(14,8,57)
```
#120b4b
```
#120b4b rgb(18,11,75)
```
#160d5c
```
#160d5c rgb(22,13,92)
```
#1b0f6d
```
#1b0f6d rgb(27,15,109)
```
#1f127e
```
#1f127e rgb(31,18,126)
```
#23148f
```
#23148f rgb(35,20,143)
```
#2717a0
```
#2717a0 rgb(39,23,160)
```
#2c19b2
```
#2c19b2 rgb(44,25,178)
```
#301cc3
```
#301cc3 rgb(48,28,195)
```
#341ed4
```
#341ed4 rgb(52,30,212)
```

Shade Color Variation

#3c25e0
```
#3c25e0 rgb(60,37,224)
```
#4b37e3
```
#4b37e3 rgb(75,55,227)
```
#5b48e5
```
#5b48e5 rgb(91,72,229)
```
#6a59e8
```
#6a59e8 rgb(106,89,232)
```
#7a6aea
```
#7a6aea rgb(122,106,234)
```
#897bec
```
#897bec rgb(137,123,236)
```
#988def
```
#988def rgb(152,141,239)
```
#a89ef1
```
#a89ef1 rgb(168,158,241)
```
#b7aff4
```
#b7aff4 rgb(183,175,244)
```
#c7c0f6
```
#c7c0f6 rgb(199,192,246)
```
#d6d1f9
```
#d6d1f9 rgb(214,209,249)
```
#e5e2fb
```
#e5e2fb rgb(229,226,251)
```
#f5f4fd
```
#f5f4fd rgb(245,244,253)
```

Tint Color Variation

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

#747280
```
#747280 rgb(116,114,128)
```
#6c688a
```
#6c688a rgb(108,104,138)
```
#655f93
```
#655f93 rgb(101,95,147)
```
#5e569c
```
#5e569c rgb(94,86,156)
```
#574da5
```
#574da5 rgb(87,77,165)
```
#5043af
```
#5043af rgb(80,67,175)
```
#493ab8
```
#493ab8 rgb(73,58,184)
```
#4231c1
```
#4231c1 rgb(66,49,193)
```
#3b27cb
```
#3b27cb rgb(59,39,203)
```
#341ed4
```
#341ed4 rgb(52,30,212)
```
#2d15dd
```
#2d15dd rgb(45,21,221)
```
#260be7
```
#260be7 rgb(38,11,231)
```
#1f02f0
```
#1f02f0 rgb(31,2,240)
```

Tone Color Variation

Below, you can see how #341ed4 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

#393939 Achromatopsia 0.005% of the population
#383458 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004e99 Protanopia 1% of men
#005384 Deuteranopia 1% of men
#00595d Tritanopia 0.001% of the population

Trichromacy

#123dae Protanomaly 1% of men, 0.01% of women
#1240a1 Deuteranomaly 6% of men, 0.4% of women
#124388 Tritanomaly 0.01% of the population