#342996 hex color

In a RGB color space, hex #342996 is composed of 20.4% red, 16.1% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 65.3% cyan, 72.7% magenta, 0% yellow and 41.2% black. It has a hue angle of 246.1 degrees, a saturation of 57.1% and a lightness of 37.5%. #342996 color hex could be obtained by blending #6852ff with #00002d. Closest websafe color is: #333399.

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

● #342996 color description : Dark blue.

The hexadecimal color #342996 has RGB values of R:52, G:41, B:150 and CMYK values of C:0.65, M:0.73, Y:0, K:0.41. Its decimal value is 3418518.

Hex triplet	342996	`#342996`
RGB Decimal	52, 41, 150	`rgb(52,41,150)`
RGB Percent	20.4, 16.1, 58.8	`rgb(20.4%,16.1%,58.8%)`
CMYK	65, 73, 0, 41
HSL	246.1°, 57.1, 37.5	`hsl(246.1,57.1%,37.5%)`
HSV (or HSB)	246.1°, 72.7, 58.8
Web Safe	333399	`#333399`

CIE-LAB	25.314, 38.395, -57.918
XYZ	7.713, 4.518, 29.318
xyY	0.186, 0.109, 4.518
CIE-LCH	25.314, 69.488, 303.541
CIE-LUV	25.314, -2.982, -72.251
Hunter-Lab	21.255, 27.58, -66.904
Binary	00110100, 00101001, 10010110

#342996
```
#342996 rgb(52,41,150)
```
#8b9629
```
#8b9629 rgb(139,150,41)
```

Complementary Color

#295596
```
#295596 rgb(41,85,150)
```
#342996
```
#342996 rgb(52,41,150)
```
#6b2996
```
#6b2996 rgb(107,41,150)
```

Analogous Color

#559629
```
#559629 rgb(85,150,41)
```
#342996
```
#342996 rgb(52,41,150)
```
#966b29
```
#966b29 rgb(150,107,41)
```

Split Complementary Color

#299634
```
#299634 rgb(41,150,52)
```
#342996
```
#342996 rgb(52,41,150)
```
#963429
```
#963429 rgb(150,52,41)
```

Triadic Color

#298b96
```
#298b96 rgb(41,139,150)
```
#342996
```
#342996 rgb(52,41,150)
```
#963429
```
#963429 rgb(150,52,41)
```
#8b9629
```
#8b9629 rgb(139,150,41)
```

Tetradic Color

#1f195a
```
#1f195a rgb(31,25,90)
```
#261e6e
```
#261e6e rgb(38,30,110)
```
#2d2482
```
#2d2482 rgb(45,36,130)
```
#342996
```
#342996 rgb(52,41,150)
```
#3b2eaa
```
#3b2eaa rgb(59,46,170)
```
#4234be
```
#4234be rgb(66,52,190)
```
#4f41cb
```
#4f41cb rgb(79,65,203)
```

Monochromatic Color

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

#293996
```
#293996 rgb(41,57,150)
```
#293096
```
#293096 rgb(41,48,150)
```
#2b2996
```
#2b2996 rgb(43,41,150)
```
#342996
```
#342996 rgb(52,41,150)
```
#3d2996
```
#3d2996 rgb(61,41,150)
```
#462996
```
#462996 rgb(70,41,150)
```
#4f2996
```
#4f2996 rgb(79,41,150)
```

Similar Colors

Text with hexadecimal color #342996

This text has a font color of #342996.

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

#342996 background color

This paragraph has a background color of #342996.

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

#342996 border color

This element has a border color of #342996.

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

CSS codes

.text {color:#342996;}

.background {background-color:#342996;}

.border {border:1px solid #342996;}

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, #04030b is the darkest color, while #fbfbfe is the lightest one.

#04030b
```
#04030b rgb(4,3,11)
```
#09071b
```
#09071b rgb(9,7,27)
```
#0f0c2a
```
#0f0c2a rgb(15,12,42)
```
#14103a
```
#14103a rgb(20,16,58)
```
#191449
```
#191449 rgb(25,20,73)
```
#1f1858
```
#1f1858 rgb(31,24,88)
```
#241c68
```
#241c68 rgb(36,28,104)
```
#292177
```
#292177 rgb(41,33,119)
```
#2f2587
```
#2f2587 rgb(47,37,135)
```
#342996
```
#342996 rgb(52,41,150)
```
#392da5
```
#392da5 rgb(57,45,165)
```
#3f31b5
```
#3f31b5 rgb(63,49,181)
```
#4436c4
```
#4436c4 rgb(68,54,196)
```

Shade Color Variation

#5042cb
```
#5042cb rgb(80,66,203)
```
#5e52d0
```
#5e52d0 rgb(94,82,208)
```
#6c61d4
```
#6c61d4 rgb(108,97,212)
```
#7b70d8
```
#7b70d8 rgb(123,112,216)
```
#8980dc
```
#8980dc rgb(137,128,220)
```
#978fe0
```
#978fe0 rgb(151,143,224)
```
#a69fe5
```
#a69fe5 rgb(166,159,229)
```
#b4aee9
```
#b4aee9 rgb(180,174,233)
```
#c2bded
```
#c2bded rgb(194,189,237)
```
#d0cdf1
```
#d0cdf1 rgb(208,205,241)
```
#dfdcf5
```
#dfdcf5 rgb(223,220,245)
```
#edecfa
```
#edecfa rgb(237,236,250)
```
#fbfbfe
```
#fbfbfe rgb(251,251,254)
```

Tint Color Variation

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

#5d5c63
```
#5d5c63 rgb(93,92,99)
```
#57556a
```
#57556a rgb(87,85,106)
```
#514e71
```
#514e71 rgb(81,78,113)
```
#4b4679
```
#4b4679 rgb(75,70,121)
```
#463f80
```
#463f80 rgb(70,63,128)
```
#403887
```
#403887 rgb(64,56,135)
```
#3a308f
```
#3a308f rgb(58,48,143)
```
#342996
```
#342996 rgb(52,41,150)
```
#2e229d
```
#2e229d rgb(46,34,157)
```
#281aa5
```
#281aa5 rgb(40,26,165)
```
#2213ac
```
#2213ac rgb(34,19,172)
```
#1d0cb3
```
#1d0cb3 rgb(29,12,179)
```
#1704bb
```
#1704bb rgb(23,4,187)
```

Tone Color Variation

Below, you can see how #342996 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
#38364c Atypical Achromatopsia 0.001% of the population

Dichromacy

#004484 Protanopia 1% of men
#004873 Deuteranopia 1% of men
#004d52 Tritanopia 0.001% of the population

Trichromacy

#123a8a Protanomaly 1% of men, 0.01% of women
#123c80 Deuteranomaly 6% of men, 0.4% of women
#123f6a Tritanomaly 0.01% of the population

#342996 hex color

#342996 Color Information

#342996 Color Conversion

Color Schemes with #342996

Alternatives to #342996

#342996 Preview

Shades and Tints of #342996

Tones of #342996

Color Blindness Simulator