colorhexa.com

#342d61 hex color

In a RGB color space, hex #342d61 is composed of 20.4% red, 17.6% green and 38% blue. Whereas in a CMYK color space, it is composed of 46.4% cyan, 53.6% magenta, 0% yellow and 62% black. It has a hue angle of 248.1 degrees, a saturation of 36.6% and a lightness of 27.8%. #342d61 color hex could be obtained by blending #685ac2 with #000000. Closest websafe color is: #333366.

- R 20
- G 18
- B 38
RGB color chart
- C 46
- M 54
- Y 0
- K 62
CMYK color chart

● #342d61 color description : Very dark desaturated blue.

The hexadecimal color #342d61 has RGB values of R:52, G:45, B:97 and CMYK values of C:0.46, M:0.54, Y:0, K:0.62. Its decimal value is 3419489.

Hex triplet	342d61	`#342d61`
RGB Decimal	52, 45, 97	`rgb(52,45,97)`
RGB Percent	20.4, 17.6, 38	`rgb(20.4%,17.6%,38%)`
CMYK	46, 54, 0, 62
HSL	248.1°, 36.6, 27.8	`hsl(248.1,36.6%,27.8%)`
HSV (or HSB)	248.1°, 53.6, 38
Web Safe	333366	`#333366`

CIE-LAB	21.835, 17.958, -29.961
XYZ	4.512, 3.47, 11.741
xyY	0.229, 0.176, 3.47
CIE-LCH	21.835, 34.931, 300.938
CIE-LUV	21.835, -0.342, -36.358
Hunter-Lab	18.627, 10.637, -24.33
Binary	00110100, 00101101, 01100001

#342d61
```
#342d61 rgb(52,45,97)
```
#5a612d
```
#5a612d rgb(90,97,45)
```

Complementary Color

#2d4061
```
#2d4061 rgb(45,64,97)
```
#342d61
```
#342d61 rgb(52,45,97)
```
#4e2d61
```
#4e2d61 rgb(78,45,97)
```

Analogous Color

#40612d
```
#40612d rgb(64,97,45)
```
#342d61
```
#342d61 rgb(52,45,97)
```
#614e2d
```
#614e2d rgb(97,78,45)
```

Split Complementary Color

#18152d
```
#18152d rgb(24,21,45)
```
#211d3e
```
#211d3e rgb(33,29,62)
```
#2b2550
```
#2b2550 rgb(43,37,80)
```
#342d61
```
#342d61 rgb(52,45,97)
```
#3d3572
```
#3d3572 rgb(61,53,114)
```
#473d84
```
#473d84 rgb(71,61,132)
```
#504595
```
#504595 rgb(80,69,149)
```

Monochromatic Color

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

#2d3361
```
#2d3361 rgb(45,51,97)
```
#2d2f61
```
#2d2f61 rgb(45,47,97)
```
#302d61
```
#302d61 rgb(48,45,97)
```
#342d61
```
#342d61 rgb(52,45,97)
```
#382d61
```
#382d61 rgb(56,45,97)
```
#3d2d61
```
#3d2d61 rgb(61,45,97)
```
#412d61
```
#412d61 rgb(65,45,97)
```

Similar Colors

Text with hexadecimal color #342d61

This text has a font color of #342d61.

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

#342d61 background color

This paragraph has a background color of #342d61.

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

#342d61 border color

This element has a border color of #342d61.

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

CSS codes

.text {color:#342d61;}

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

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

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

#020103
```
#020103 rgb(2,1,3)
```
#090811
```
#090811 rgb(9,8,17)
```
#100e1e
```
#100e1e rgb(16,14,30)
```
#17142b
```
#17142b rgb(23,20,43)
```
#1e1a39
```
#1e1a39 rgb(30,26,57)
```
#262146
```
#262146 rgb(38,33,70)
```
#2d2754
```
#2d2754 rgb(45,39,84)
```
#342d61
```
#342d61 rgb(52,45,97)
```
#3b336e
```
#3b336e rgb(59,51,110)
```
#42397c
```
#42397c rgb(66,57,124)
```
#4a4089
```
#4a4089 rgb(74,64,137)
```
#514697
```
#514697 rgb(81,70,151)
```
#584ca4
```
#584ca4 rgb(88,76,164)
```

Shade Color Variation

#6054b0
```
#6054b0 rgb(96,84,176)
```
#6d61b6
```
#6d61b6 rgb(109,97,182)
```
#796fbc
```
#796fbc rgb(121,111,188)
```
#867cc2
```
#867cc2 rgb(134,124,194)
```
#928ac9
```
#928ac9 rgb(146,138,201)
```
#9f97cf
```
#9f97cf rgb(159,151,207)
```
#aba4d5
```
#aba4d5 rgb(171,164,213)
```
#b7b2db
```
#b7b2db rgb(183,178,219)
```
#c4bfe1
```
#c4bfe1 rgb(196,191,225)
```
#d0cde8
```
#d0cde8 rgb(208,205,232)
```
#dddaee
```
#dddaee rgb(221,218,238)
```
#e9e7f4
```
#e9e7f4 rgb(233,231,244)
```
#f6f5fa
```
#f6f5fa rgb(246,245,250)
```

Tint Color Variation

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

#44434b
```
#44434b rgb(68,67,75)
```
#403d51
```
#403d51 rgb(64,61,81)
```
#3c3856
```
#3c3856 rgb(60,56,86)
```
#38325c
```
#38325c rgb(56,50,92)
```
#342d61
```
#342d61 rgb(52,45,97)
```
#302866
```
#302866 rgb(48,40,102)
```
#2c226c
```
#2c226c rgb(44,34,108)
```
#281d71
```
#281d71 rgb(40,29,113)
```
#241777
```
#241777 rgb(36,23,119)
```
#20127c
```
#20127c rgb(32,18,124)
```
#1c0c82
```
#1c0c82 rgb(28,12,130)
```
#180787
```
#180787 rgb(24,7,135)
```
#14018d
```
#14018d rgb(20,1,141)
```

Tone Color Variation

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

#353535 Achromatopsia 0.005% of the population
#35333e Atypical Achromatopsia 0.001% of the population

Dichromacy

#223d6d Protanopia 1% of men
#1d3f66 Deuteranopia 1% of men
#334145 Tritanopia 0.001% of the population

Trichromacy

#293769 Protanomaly 1% of men, 0.01% of women
#253864 Deuteranomaly 6% of men, 0.4% of women
#33394f Tritanomaly 0.01% of the population