colorhexa.com

#342cae hex color

In a RGB color space, hex #342cae is composed of 20.4% red, 17.3% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 70.1% cyan, 74.7% magenta, 0% yellow and 31.8% black. It has a hue angle of 243.7 degrees, a saturation of 59.6% and a lightness of 42.7%. #342cae color hex could be obtained by blending #6858ff with #00005d. Closest websafe color is: #333399.

- R 20
- G 17
- B 68
RGB color chart
- C 70
- M 75
- Y 0
- K 32
CMYK color chart

● #342cae color description : Dark blue.

The hexadecimal color #342cae has RGB values of R:52, G:44, B:174 and CMYK values of C:0.7, M:0.75, Y:0, K:0.32. Its decimal value is 3419310.

Hex triplet	342cae	`#342cae`
RGB Decimal	52, 44, 174	`rgb(52,44,174)`
RGB Percent	20.4, 17.3, 68.2	`rgb(20.4%,17.3%,68.2%)`
CMYK	70, 75, 0, 32
HSL	243.7°, 59.6, 42.7	`hsl(243.7,59.6%,42.7%)`
HSV (or HSB)	243.7°, 74.7, 68.2
Web Safe	333399	`#333399`

CIE-LAB	28.345, 44.547, -67.49
XYZ	9.955, 5.587, 40.596
xyY	0.177, 0.1, 5.587
CIE-LCH	28.345, 80.866, 303.427
CIE-LUV	28.345, -4.825, -86.617
Hunter-Lab	23.637, 33.817, -85.285
Binary	00110100, 00101100, 10101110

#342cae
```
#342cae rgb(52,44,174)
```
#a6ae2c
```
#a6ae2c rgb(166,174,44)
```

Complementary Color

#2c65ae
```
#2c65ae rgb(44,101,174)
```
#342cae
```
#342cae rgb(52,44,174)
```
#752cae
```
#752cae rgb(117,44,174)
```

Analogous Color

#65ae2c
```
#65ae2c rgb(101,174,44)
```
#342cae
```
#342cae rgb(52,44,174)
```
#ae752c
```
#ae752c rgb(174,117,44)
```

Split Complementary Color

#2cae34
```
#2cae34 rgb(44,174,52)
```
#342cae
```
#342cae rgb(52,44,174)
```
#ae342c
```
#ae342c rgb(174,52,44)
```

Triadic Color

#2ca6ae
```
#2ca6ae rgb(44,166,174)
```
#342cae
```
#342cae rgb(52,44,174)
```
#ae342c
```
#ae342c rgb(174,52,44)
```
#a6ae2c
```
#a6ae2c rgb(166,174,44)
```

Tetradic Color

#221d71
```
#221d71 rgb(34,29,113)
```
#282285
```
#282285 rgb(40,34,133)
```
#2e279a
```
#2e279a rgb(46,39,154)
```
#342cae
```
#342cae rgb(52,44,174)
```
#3a31c2
```
#3a31c2 rgb(58,49,194)
```
#473fce
```
#473fce rgb(71,63,206)
```
#5b53d4
```
#5b53d4 rgb(91,83,212)
```

Monochromatic Color

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

#2c45ae
```
#2c45ae rgb(44,69,174)
```
#2c3aae
```
#2c3aae rgb(44,58,174)
```
#2c2fae
```
#2c2fae rgb(44,47,174)
```
#342cae
```
#342cae rgb(52,44,174)
```
#3f2cae
```
#3f2cae rgb(63,44,174)
```
#4a2cae
```
#4a2cae rgb(74,44,174)
```
#552cae
```
#552cae rgb(85,44,174)
```

Similar Colors

Text with hexadecimal color #342cae

This text has a font color of #342cae.

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

#342cae background color

This paragraph has a background color of #342cae.

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

#342cae border color

This element has a border color of #342cae.

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

CSS codes

.text {color:#342cae;}

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

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

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

#010002
```
#010002 rgb(1,0,2)
```
#050411
```
#050411 rgb(5,4,17)
```
#0a0821
```
#0a0821 rgb(10,8,33)
```
#0f0c31
```
#0f0c31 rgb(15,12,49)
```
#131040
```
#131040 rgb(19,16,64)
```
#181450
```
#181450 rgb(24,20,80)
```
#1d1860
```
#1d1860 rgb(29,24,96)
```
#211c6f
```
#211c6f rgb(33,28,111)
```
#26207f
```
#26207f rgb(38,32,127)
```
#2b248f
```
#2b248f rgb(43,36,143)
```
#2f289e
```
#2f289e rgb(47,40,158)
```
#342cae
```
#342cae rgb(52,44,174)
```
#3930be
```
#3930be rgb(57,48,190)
```

Shade Color Variation

#3f35cc
```
#3f35cc rgb(63,53,204)
```
#4d45d0
```
#4d45d0 rgb(77,69,208)
```
#5c55d4
```
#5c55d4 rgb(92,85,212)
```
#6b64d8
```
#6b64d8 rgb(107,100,216)
```
#7a74dc
```
#7a74dc rgb(122,116,220)
```
#8984e0
```
#8984e0 rgb(137,132,224)
```
#9893e4
```
#9893e4 rgb(152,147,228)
```
#a7a3e8
```
#a7a3e8 rgb(167,163,232)
```
#b6b2ec
```
#b6b2ec rgb(182,178,236)
```
#c5c2f0
```
#c5c2f0 rgb(197,194,240)
```
#d4d2f4
```
#d4d2f4 rgb(212,210,244)
```
#e3e1f8
```
#e3e1f8 rgb(227,225,248)
```
#f2f1fb
```
#f2f1fb rgb(242,241,251)
```

Tint Color Variation

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

#676773
```
#676773 rgb(103,103,115)
```
#605e7c
```
#605e7c rgb(96,94,124)
```
#595684
```
#595684 rgb(89,86,132)
```
#514e8c
```
#514e8c rgb(81,78,140)
```
#4a4595
```
#4a4595 rgb(74,69,149)
```
#433d9d
```
#433d9d rgb(67,61,157)
```
#3b34a6
```
#3b34a6 rgb(59,52,166)
```
#342cae
```
#342cae rgb(52,44,174)
```
#2d24b6
```
#2d24b6 rgb(45,36,182)
```
#251bbf
```
#251bbf rgb(37,27,191)
```
#1e13c7
```
#1e13c7 rgb(30,19,199)
```
#170ad0
```
#170ad0 rgb(23,10,208)
```
#0f02d8
```
#0f02d8 rgb(15,2,216)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#3b3a54 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004a90 Protanopia 1% of men
#004e7d Deuteranopia 1% of men
#005459 Tritanopia 0.001% of the population

Trichromacy

#123f9b Protanomaly 1% of men, 0.01% of women
#12428f Deuteranomaly 6% of men, 0.4% of women
#124577 Tritanomaly 0.01% of the population