#343d75 hex color

In a RGB color space, hex #343d75 is composed of 20.4% red, 23.9% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 55.6% cyan, 47.9% magenta, 0% yellow and 54.1% black. It has a hue angle of 231.7 degrees, a saturation of 38.5% and a lightness of 33.1%. #343d75 color hex could be obtained by blending #687aea with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 20
- G 24
- B 46
RGB color chart
- C 56
- M 48
- Y 0
- K 54
CMYK color chart

● #343d75 color description : Dark moderate blue.

The hexadecimal color #343d75 has RGB values of R:52, G:61, B:117 and CMYK values of C:0.56, M:0.48, Y:0, K:0.54. Its decimal value is 3423605.

Hex triplet	343d75	`#343d75`
RGB Decimal	52, 61, 117	`rgb(52,61,117)`
RGB Percent	20.4, 23.9, 45.9	`rgb(20.4%,23.9%,45.9%)`
CMYK	56, 48, 0, 54
HSL	231.7°, 38.5, 33.1	`hsl(231.7,38.5%,33.1%)`
HSV (or HSB)	231.7°, 55.6, 45.9
Web Safe	333366	`#333366`

CIE-LAB	27.714, 13.876, -33.433
XYZ	6.295, 5.352, 17.53
xyY	0.216, 0.183, 5.352
CIE-LCH	27.714, 36.198, 292.54
CIE-LUV	27.714, -6.086, -44.035
Hunter-Lab	23.134, 8.09, -28.734
Binary	00110100, 00111101, 01110101

#343d75
```
#343d75 rgb(52,61,117)
```
#756c34
```
#756c34 rgb(117,108,52)
```

Complementary Color

#345e75
```
#345e75 rgb(52,94,117)
```
#343d75
```
#343d75 rgb(52,61,117)
```
#4c3475
```
#4c3475 rgb(76,52,117)
```

Analogous Color

#5e7534
```
#5e7534 rgb(94,117,52)
```
#343d75
```
#343d75 rgb(52,61,117)
```
#754c34
```
#754c34 rgb(117,76,52)
```

Split Complementary Color

#3d7534
```
#3d7534 rgb(61,117,52)
```
#343d75
```
#343d75 rgb(52,61,117)
```
#75343d
```
#75343d rgb(117,52,61)
```

Triadic Color

#34756c
```
#34756c rgb(52,117,108)
```
#343d75
```
#343d75 rgb(52,61,117)
```
#75343d
```
#75343d rgb(117,52,61)
```
#756c34
```
#756c34 rgb(117,108,52)
```

Tetradic Color

#1c2140
```
#1c2140 rgb(28,33,64)
```
#242b52
```
#242b52 rgb(36,43,82)
```
#2c3463
```
#2c3463 rgb(44,52,99)
```
#343d75
```
#343d75 rgb(52,61,117)
```
#3c4687
```
#3c4687 rgb(60,70,135)
```
#444f98
```
#444f98 rgb(68,79,152)
```
#4c59aa
```
#4c59aa rgb(76,89,170)
```

Monochromatic Color

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

#344d75
```
#344d75 rgb(52,77,117)
```
#344875
```
#344875 rgb(52,72,117)
```
#344275
```
#344275 rgb(52,66,117)
```
#343d75
```
#343d75 rgb(52,61,117)
```
#343875
```
#343875 rgb(52,56,117)
```
#363475
```
#363475 rgb(54,52,117)
```
#3b3475
```
#3b3475 rgb(59,52,117)
```

Similar Colors

Text with hexadecimal color #343d75

This text has a font color of #343d75.

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

#343d75 background color

This paragraph has a background color of #343d75.

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

#343d75 border color

This element has a border color of #343d75.

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

CSS codes

.text {color:#343d75;}

.background {background-color:#343d75;}

.border {border:1px solid #343d75;}

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

#040408
```
#040408 rgb(4,4,8)
```
#0a0b16
```
#0a0b16 rgb(10,11,22)
```
#101324
```
#101324 rgb(16,19,36)
```
#161a31
```
#161a31 rgb(22,26,49)
```
#1c213f
```
#1c213f rgb(28,33,63)
```
#22284c
```
#22284c rgb(34,40,76)
```
#282f5a
```
#282f5a rgb(40,47,90)
```
#2e3667
```
#2e3667 rgb(46,54,103)
```
#343d75
```
#343d75 rgb(52,61,117)
```
#3a4483
```
#3a4483 rgb(58,68,131)
```
#404b90
```
#404b90 rgb(64,75,144)
```
#46529e
```
#46529e rgb(70,82,158)
```
#4c59ab
```
#4c59ab rgb(76,89,171)
```

Shade Color Variation

#5764b4
```
#5764b4 rgb(87,100,180)
```
#6470ba
```
#6470ba rgb(100,112,186)
```
#727dc0
```
#727dc0 rgb(114,125,192)
```
#8089c6
```
#8089c6 rgb(128,137,198)
```
#8d96cc
```
#8d96cc rgb(141,150,204)
```
#9ba2d2
```
#9ba2d2 rgb(155,162,210)
```
#a8afd8
```
#a8afd8 rgb(168,175,216)
```
#b6bcdf
```
#b6bcdf rgb(182,188,223)
```
#c3c8e5
```
#c3c8e5 rgb(195,200,229)
```
#d1d5eb
```
#d1d5eb rgb(209,213,235)
```
#dfe1f1
```
#dfe1f1 rgb(223,225,241)
```
#eceef7
```
#eceef7 rgb(236,238,247)
```
#fafafd
```
#fafafd rgb(250,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4e505b is the less saturated color, while #0017a9 is the most saturated one.

#4e505b
```
#4e505b rgb(78,80,91)
```
#484b62
```
#484b62 rgb(72,75,98)
```
#414668
```
#414668 rgb(65,70,104)
```
#3b426f
```
#3b426f rgb(59,66,111)
```
#343d75
```
#343d75 rgb(52,61,117)
```
#2e387c
```
#2e387c rgb(46,56,124)
```
#273482
```
#273482 rgb(39,52,130)
```
#212f89
```
#212f89 rgb(33,47,137)
```
#1a2a8f
```
#1a2a8f rgb(26,42,143)
```
#142696
```
#142696 rgb(20,38,150)
```
#0d219c
```
#0d219c rgb(13,33,156)
```
#071ca3
```
#071ca3 rgb(7,28,163)
```
#0017a9
```
#0017a9 rgb(0,23,169)
```

Tone Color Variation

Below, you can see how #343d75 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

#414141 Achromatopsia 0.005% of the population
#3e404b Atypical Achromatopsia 0.001% of the population

Dichromacy

#30497e Protanopia 1% of men
#244c7a Deuteranopia 1% of men
#2d5056 Tritanopia 0.001% of the population

Trichromacy

#31457a Protanomaly 1% of men, 0.01% of women
#2a4678 Deuteranomaly 6% of men, 0.4% of women
#2f4961 Tritanomaly 0.01% of the population

#343d75 hex color

#343d75 Color Information

#343d75 Color Conversion

Color Schemes with #343d75

Alternatives to #343d75

#343d75 Preview

Shades and Tints of #343d75

Tones of #343d75

Color Blindness Simulator