colorhexa.com

#342c84 hex color

In a RGB color space, hex #342c84 is composed of 20.4% red, 17.3% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 60.6% cyan, 66.7% magenta, 0% yellow and 48.2% black. It has a hue angle of 245.5 degrees, a saturation of 50% and a lightness of 34.5%. #342c84 color hex could be obtained by blending #6858ff with #000009. Closest websafe color is: #333399.

- R 20
- G 17
- B 52
RGB color chart
- C 61
- M 67
- Y 0
- K 48
CMYK color chart

● #342c84 color description : Dark moderate blue.

The hexadecimal color #342c84 has RGB values of R:52, G:44, B:132 and CMYK values of C:0.61, M:0.67, Y:0, K:0.48. Its decimal value is 3419268.

Hex triplet	342c84	`#342c84`
RGB Decimal	52, 44, 132	`rgb(52,44,132)`
RGB Percent	20.4, 17.3, 51.8	`rgb(20.4%,17.3%,51.8%)`
CMYK	61, 67, 0, 48
HSL	245.5°, 50, 34.5	`hsl(245.5,50%,34.5%)`
HSV (or HSB)	245.5°, 66.7, 51.8
Web Safe	333399	`#333399`

CIE-LAB	24.313, 30.507, -48.381
XYZ	6.481, 4.197, 22.297
xyY	0.197, 0.127, 4.197
CIE-LCH	24.313, 57.196, 302.234
CIE-LUV	24.313, -2.429, -60.449
Hunter-Lab	20.487, 20.615, -50.188
Binary	00110100, 00101100, 10000100

#342c84
```
#342c84 rgb(52,44,132)
```
#7c842c
```
#7c842c rgb(124,132,44)
```

Complementary Color

#2c5084
```
#2c5084 rgb(44,80,132)
```
#342c84
```
#342c84 rgb(52,44,132)
```
#602c84
```
#602c84 rgb(96,44,132)
```

Analogous Color

#50842c
```
#50842c rgb(80,132,44)
```
#342c84
```
#342c84 rgb(52,44,132)
```
#84602c
```
#84602c rgb(132,96,44)
```

Split Complementary Color

#2c8434
```
#2c8434 rgb(44,132,52)
```
#342c84
```
#342c84 rgb(52,44,132)
```
#84342c
```
#84342c rgb(132,52,44)
```

Triadic Color

#2c7c84
```
#2c7c84 rgb(44,124,132)
```
#342c84
```
#342c84 rgb(52,44,132)
```
#84342c
```
#84342c rgb(132,52,44)
```
#7c842c
```
#7c842c rgb(124,132,44)
```

Tetradic Color

#1d194b
```
#1d194b rgb(29,25,75)
```
#251f5e
```
#251f5e rgb(37,31,94)
```
#2c2671
```
#2c2671 rgb(44,38,113)
```
#342c84
```
#342c84 rgb(52,44,132)
```
#3c3297
```
#3c3297 rgb(60,50,151)
```
#4339aa
```
#4339aa rgb(67,57,170)
```
#4b3fbd
```
#4b3fbd rgb(75,63,189)
```

Monochromatic Color

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

#2c3a84
```
#2c3a84 rgb(44,58,132)
```
#2c3384
```
#2c3384 rgb(44,51,132)
```
#2d2c84
```
#2d2c84 rgb(45,44,132)
```
#342c84
```
#342c84 rgb(52,44,132)
```
#3b2c84
```
#3b2c84 rgb(59,44,132)
```
#432c84
```
#432c84 rgb(67,44,132)
```
#4a2c84
```
#4a2c84 rgb(74,44,132)
```

Similar Colors

Text with hexadecimal color #342c84

This text has a font color of #342c84.

<span style="color:#342c84;">Text here</span>

#342c84 background color

This paragraph has a background color of #342c84.

<p style="background-color:#342c84;">Content here</p>

#342c84 border color

This element has a border color of #342c84.

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

CSS codes

.text {color:#342c84;}

.background {background-color:#342c84;}

.border {border:1px solid #342c84;}

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, #06050e is the darkest color, while #ffffff is the lightest one.

#06050e
```
#06050e rgb(6,5,14)
```
#0b0a1d
```
#0b0a1d rgb(11,10,29)
```
#110f2c
```
#110f2c rgb(17,15,44)
```
#17133a
```
#17133a rgb(23,19,58)
```
#1d1849
```
#1d1849 rgb(29,24,73)
```
#231d58
```
#231d58 rgb(35,29,88)
```
#282267
```
#282267 rgb(40,34,103)
```
#2e2775
```
#2e2775 rgb(46,39,117)
```
#342c84
```
#342c84 rgb(52,44,132)
```
#3a3193
```
#3a3193 rgb(58,49,147)
```
#4036a1
```
#4036a1 rgb(64,54,161)
```
#453bb0
```
#453bb0 rgb(69,59,176)
```
#4b40bf
```
#4b40bf rgb(75,64,191)
```

Shade Color Variation

#594ec4
```
#594ec4 rgb(89,78,196)
```
#675dc9
```
#675dc9 rgb(103,93,201)
```
#746bce
```
#746bce rgb(116,107,206)
```
#827ad3
```
#827ad3 rgb(130,122,211)
```
#9089d8
```
#9089d8 rgb(144,137,216)
```
#9e98dd
```
#9e98dd rgb(158,152,221)
```
#aca6e1
```
#aca6e1 rgb(172,166,225)
```
#bab5e6
```
#bab5e6 rgb(186,181,230)
```
#c7c4eb
```
#c7c4eb rgb(199,196,235)
```
#d5d2f0
```
#d5d2f0 rgb(213,210,240)
```
#e3e1f5
```
#e3e1f5 rgb(227,225,245)
```
#f1f0fa
```
#f1f0fa rgb(241,240,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #55555b is the less saturated color, while #1303ad is the most saturated one.

#55555b
```
#55555b rgb(85,85,91)
```
#504e62
```
#504e62 rgb(80,78,98)
```
#4a4769
```
#4a4769 rgb(74,71,105)
```
#454070
```
#454070 rgb(69,64,112)
```
#3f3a76
```
#3f3a76 rgb(63,58,118)
```
#3a337d
```
#3a337d rgb(58,51,125)
```
#342c84
```
#342c84 rgb(52,44,132)
```
#2e258b
```
#2e258b rgb(46,37,139)
```
#291e92
```
#291e92 rgb(41,30,146)
```
#231898
```
#231898 rgb(35,24,152)
```
#1e119f
```
#1e119f rgb(30,17,159)
```
#180aa6
```
#180aa6 rgb(24,10,166)
```
#1303ad
```
#1303ad rgb(19,3,173)
```

Tone Color Variation

Below, you can see how #342c84 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

#383838 Achromatopsia 0.005% of the population
#373647 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004280 Protanopia 1% of men
#004570 Deuteranopia 1% of men
#1a494f Tritanopia 0.001% of the population

Trichromacy

#123a82 Protanomaly 1% of men, 0.01% of women
#123c77 Deuteranomaly 6% of men, 0.4% of women
#233f62 Tritanomaly 0.01% of the population