#342d96 hex color

In a RGB color space, hex #342d96 is composed of 20.4% red, 17.6% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 65.3% cyan, 70% magenta, 0% yellow and 41.2% black. It has a hue angle of 244 degrees, a saturation of 53.8% and a lightness of 38.2%. #342d96 color hex could be obtained by blending #685aff with #00002d. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 20
- G 18
- B 59
RGB color chart
- C 65
- M 70
- Y 0
- K 41
CMYK color chart

● #342d96 color description : Dark blue.

The hexadecimal color #342d96 has RGB values of R:52, G:45, B:150 and CMYK values of C:0.65, M:0.7, Y:0, K:0.41. Its decimal value is 3419542.

Hex triplet	342d96	`#342d96`
RGB Decimal	52, 45, 150	`rgb(52,45,150)`
RGB Percent	20.4, 17.6, 58.8	`rgb(20.4%,17.6%,58.8%)`
CMYK	65, 70, 0, 41
HSL	244°, 53.8, 38.2	`hsl(244,53.8%,38.2%)`
HSV (or HSB)	244°, 70, 58.8
Web Safe	333399	`#333399`

CIE-LAB	26.182, 36.004, -56.492
XYZ	7.859, 4.808, 29.367
xyY	0.187, 0.114, 4.808
CIE-LCH	26.182, 66.99, 302.511
CIE-LUV	26.182, -3.685, -71.773
Hunter-Lab	21.928, 25.595, -64.052
Binary	00110100, 00101101, 10010110

#342d96
```
#342d96 rgb(52,45,150)
```
#8f962d
```
#8f962d rgb(143,150,45)
```

Complementary Color

#2d5b96
```
#2d5b96 rgb(45,91,150)
```
#342d96
```
#342d96 rgb(52,45,150)
```
#692d96
```
#692d96 rgb(105,45,150)
```

Analogous Color

#5b962d
```
#5b962d rgb(91,150,45)
```
#342d96
```
#342d96 rgb(52,45,150)
```
#96692d
```
#96692d rgb(150,105,45)
```

Split Complementary Color

#2d9634
```
#2d9634 rgb(45,150,52)
```
#342d96
```
#342d96 rgb(52,45,150)
```
#96342d
```
#96342d rgb(150,52,45)
```

Triadic Color

#2d8f96
```
#2d8f96 rgb(45,143,150)
```
#342d96
```
#342d96 rgb(52,45,150)
```
#96342d
```
#96342d rgb(150,52,45)
```
#8f962d
```
#8f962d rgb(143,150,45)
```

Tetradic Color

#201b5b
```
#201b5b rgb(32,27,91)
```
#26216f
```
#26216f rgb(38,33,111)
```
#2d2782
```
#2d2782 rgb(45,39,130)
```
#342d96
```
#342d96 rgb(52,45,150)
```
#3b33aa
```
#3b33aa rgb(59,51,170)
```
#4239bd
```
#4239bd rgb(66,57,189)
```
#5048c8
```
#5048c8 rgb(80,72,200)
```

Monochromatic Color

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

#2d4096
```
#2d4096 rgb(45,64,150)
```
#2d3896
```
#2d3896 rgb(45,56,150)
```
#2d2f96
```
#2d2f96 rgb(45,47,150)
```
#342d96
```
#342d96 rgb(52,45,150)
```
#3d2d96
```
#3d2d96 rgb(61,45,150)
```
#452d96
```
#452d96 rgb(69,45,150)
```
#4e2d96
```
#4e2d96 rgb(78,45,150)
```

Similar Colors

Text with hexadecimal color #342d96

This text has a font color of #342d96.

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

#342d96 background color

This paragraph has a background color of #342d96.

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

#342d96 border color

This element has a border color of #342d96.

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

CSS codes

.text {color:#342d96;}

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

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

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

#05040e
```
#05040e rgb(5,4,14)
```
#0a091d
```
#0a091d rgb(10,9,29)
```
#0f0d2c
```
#0f0d2c rgb(15,13,44)
```
#15123b
```
#15123b rgb(21,18,59)
```
#1a164b
```
#1a164b rgb(26,22,75)
```
#1f1b5a
```
#1f1b5a rgb(31,27,90)
```
#241f69
```
#241f69 rgb(36,31,105)
```
#2a2478
```
#2a2478 rgb(42,36,120)
```
#2f2887
```
#2f2887 rgb(47,40,135)
```
#342d96
```
#342d96 rgb(52,45,150)
```
#3932a5
```
#3932a5 rgb(57,50,165)
```
#3e36b4
```
#3e36b4 rgb(62,54,180)
```
#443bc3
```
#443bc3 rgb(68,59,195)
```

Shade Color Variation

#5249c8
```
#5249c8 rgb(82,73,200)
```
#6058cd
```
#6058cd rgb(96,88,205)
```
#6e67d1
```
#6e67d1 rgb(110,103,209)
```
#7d76d6
```
#7d76d6 rgb(125,118,214)
```
#8b85db
```
#8b85db rgb(139,133,219)
```
#9994df
```
#9994df rgb(153,148,223)
```
#a8a4e4
```
#a8a4e4 rgb(168,164,228)
```
#b6b3e8
```
#b6b3e8 rgb(182,179,232)
```
#c5c2ed
```
#c5c2ed rgb(197,194,237)
```
#d3d1f1
```
#d3d1f1 rgb(211,209,241)
```
#e1e0f6
```
#e1e0f6 rgb(225,224,246)
```
#f0effa
```
#f0effa rgb(240,239,250)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#5b5a69
```
#5b5a69 rgb(91,90,105)
```
#555371
```
#555371 rgb(85,83,113)
```
#4e4b78
```
#4e4b78 rgb(78,75,120)
```
#484480
```
#484480 rgb(72,68,128)
```
#413c87
```
#413c87 rgb(65,60,135)
```
#3b358f
```
#3b358f rgb(59,53,143)
```
#342d96
```
#342d96 rgb(52,45,150)
```
#2e269e
```
#2e269e rgb(46,38,158)
```
#271ea5
```
#271ea5 rgb(39,30,165)
```
#2117ad
```
#2117ad rgb(33,23,173)
```
#1a0fb4
```
#1a0fb4 rgb(26,15,180)
```
#1408bc
```
#1408bc rgb(20,8,188)
```
#0d00c3
```
#0d00c3 rgb(13,0,195)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#3a384d Atypical Achromatopsia 0.001% of the population

Dichromacy

#004588 Protanopia 1% of men
#004976 Deuteranopia 1% of men
#004f54 Tritanopia 0.001% of the population

Trichromacy

#123c8d Protanomaly 1% of men, 0.01% of women
#123f82 Deuteranomaly 6% of men, 0.4% of women
#12426c Tritanomaly 0.01% of the population

#342d96 hex color

#342d96 Color Information

#342d96 Color Conversion

Color Schemes with #342d96

Alternatives to #342d96

#342d96 Preview

Shades and Tints of #342d96

Tones of #342d96

Color Blindness Simulator