#343a75 hex color

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

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

● #343a75 color description : Dark moderate blue.

The hexadecimal color #343a75 has RGB values of R:52, G:58, B:117 and CMYK values of C:0.56, M:0.5, Y:0, K:0.54. Its decimal value is 3422837.

Hex triplet	343a75	`#343a75`
RGB Decimal	52, 58, 117	`rgb(52,58,117)`
RGB Percent	20.4, 22.7, 45.9	`rgb(20.4%,22.7%,45.9%)`
CMYK	56, 50, 0, 54
HSL	234.5°, 38.5, 33.1	`hsl(234.5,38.5%,33.1%)`
HSV (or HSB)	234.5°, 55.6, 45.9
Web Safe	333366	`#333366`

CIE-LAB	26.849, 15.922, -34.816
XYZ	6.139, 5.04, 17.478
xyY	0.214, 0.176, 5.04
CIE-LCH	26.849, 38.284, 294.575
CIE-LUV	26.849, -5.171, -45.465
Hunter-Lab	22.451, 9.525, -30.442
Binary	00110100, 00111010, 01110101

#343a75
```
#343a75 rgb(52,58,117)
```
#756f34
```
#756f34 rgb(117,111,52)
```

Complementary Color

#345b75
```
#345b75 rgb(52,91,117)
```
#343a75
```
#343a75 rgb(52,58,117)
```
#4e3475
```
#4e3475 rgb(78,52,117)
```

Analogous Color

#5b7534
```
#5b7534 rgb(91,117,52)
```
#343a75
```
#343a75 rgb(52,58,117)
```
#754f34
```
#754f34 rgb(117,79,52)
```

Split Complementary Color

#3a7534
```
#3a7534 rgb(58,117,52)
```
#343a75
```
#343a75 rgb(52,58,117)
```
#75343a
```
#75343a rgb(117,52,58)
```

Triadic Color

#34756f
```
#34756f rgb(52,117,111)
```
#343a75
```
#343a75 rgb(52,58,117)
```
#75343a
```
#75343a rgb(117,52,58)
```
#756f34
```
#756f34 rgb(117,111,52)
```

Tetradic Color

#1c2040
```
#1c2040 rgb(28,32,64)
```
#242852
```
#242852 rgb(36,40,82)
```
#2c3163
```
#2c3163 rgb(44,49,99)
```
#343a75
```
#343a75 rgb(52,58,117)
```
#3c4387
```
#3c4387 rgb(60,67,135)
```
#444c98
```
#444c98 rgb(68,76,152)
```
#4c54aa
```
#4c54aa rgb(76,84,170)
```

Monochromatic Color

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

#344a75
```
#344a75 rgb(52,74,117)
```
#344575
```
#344575 rgb(52,69,117)
```
#343f75
```
#343f75 rgb(52,63,117)
```
#343a75
```
#343a75 rgb(52,58,117)
```
#343575
```
#343575 rgb(52,53,117)
```
#393475
```
#393475 rgb(57,52,117)
```
#3e3475
```
#3e3475 rgb(62,52,117)
```

Similar Colors

Text with hexadecimal color #343a75

This text has a font color of #343a75.

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

#343a75 background color

This paragraph has a background color of #343a75.

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

#343a75 border color

This element has a border color of #343a75.

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

CSS codes

.text {color:#343a75;}

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

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

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)
```
#101224
```
#101224 rgb(16,18,36)
```
#161831
```
#161831 rgb(22,24,49)
```
#1c1f3f
```
#1c1f3f rgb(28,31,63)
```
#22264c
```
#22264c rgb(34,38,76)
```
#282d5a
```
#282d5a rgb(40,45,90)
```
#2e3367
```
#2e3367 rgb(46,51,103)
```
#343a75
```
#343a75 rgb(52,58,117)
```
#3a4183
```
#3a4183 rgb(58,65,131)
```
#404790
```
#404790 rgb(64,71,144)
```
#464e9e
```
#464e9e rgb(70,78,158)
```
#4c55ab
```
#4c55ab rgb(76,85,171)
```

Shade Color Variation

#575fb4
```
#575fb4 rgb(87,95,180)
```
#646cba
```
#646cba rgb(100,108,186)
```
#7279c0
```
#7279c0 rgb(114,121,192)
```
#8086c6
```
#8086c6 rgb(128,134,198)
```
#8d93cc
```
#8d93cc rgb(141,147,204)
```
#9ba0d2
```
#9ba0d2 rgb(155,160,210)
```
#a8add8
```
#a8add8 rgb(168,173,216)
```
#b6badf
```
#b6badf rgb(182,186,223)
```
#c3c7e5
```
#c3c7e5 rgb(195,199,229)
```
#d1d3eb
```
#d1d3eb rgb(209,211,235)
```
#dfe0f1
```
#dfe0f1 rgb(223,224,241)
```
#ecedf7
```
#ecedf7 rgb(236,237,247)
```
#fafafd
```
#fafafd rgb(250,250,253)
```

Tint Color Variation

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

#4e4f5b
```
#4e4f5b rgb(78,79,91)
```
#484a62
```
#484a62 rgb(72,74,98)
```
#414568
```
#414568 rgb(65,69,104)
```
#3b3f6f
```
#3b3f6f rgb(59,63,111)
```
#343a75
```
#343a75 rgb(52,58,117)
```
#2e357c
```
#2e357c rgb(46,53,124)
```
#272f82
```
#272f82 rgb(39,47,130)
```
#212a89
```
#212a89 rgb(33,42,137)
```
#1a258f
```
#1a258f rgb(26,37,143)
```
#142096
```
#142096 rgb(20,32,150)
```
#0d1a9c
```
#0d1a9c rgb(13,26,156)
```
#0715a3
```
#0715a3 rgb(7,21,163)
```
#0010a9
```
#0010a9 rgb(0,16,169)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#3d3e4a Atypical Achromatopsia 0.001% of the population

Dichromacy

#2a477f Protanopia 1% of men
#1b4a79 Deuteranopia 1% of men
#2c4e54 Tritanopia 0.001% of the population

Trichromacy

#2d427b Protanomaly 1% of men, 0.01% of women
#244477 Deuteranomaly 6% of men, 0.4% of women
#2f4660 Tritanomaly 0.01% of the population

#343a75 hex color

#343a75 Color Information

#343a75 Color Conversion

Color Schemes with #343a75

Alternatives to #343a75

#343a75 Preview

Shades and Tints of #343a75

Tones of #343a75

Color Blindness Simulator