#343b78 hex color

In a RGB color space, hex #343b78 is composed of 20.4% red, 23.1% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 56.7% cyan, 50.8% magenta, 0% yellow and 52.9% black. It has a hue angle of 233.8 degrees, a saturation of 39.5% and a lightness of 33.7%. #343b78 color hex could be obtained by blending #6876f0 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 20
- G 23
- B 47
RGB color chart
- C 57
- M 51
- Y 0
- K 53
CMYK color chart

● #343b78 color description : Dark moderate blue.

The hexadecimal color #343b78 has RGB values of R:52, G:59, B:120 and CMYK values of C:0.57, M:0.51, Y:0, K:0.53. Its decimal value is 3423096.

Hex triplet	343b78	`#343b78`
RGB Decimal	52, 59, 120	`rgb(52,59,120)`
RGB Percent	20.4, 23.1, 47.1	`rgb(20.4%,23.1%,47.1%)`
CMYK	57, 51, 0, 53
HSL	233.8°, 39.5, 33.7	`hsl(233.8,39.5%,33.7%)`
HSV (or HSB)	233.8°, 56.7, 47.1
Web Safe	333366	`#333366`

CIE-LAB	27.335, 16.303, -35.935
XYZ	6.37, 5.214, 18.439
xyY	0.212, 0.174, 5.214
CIE-LCH	27.335, 39.46, 294.402
CIE-LUV	27.335, -5.584, -47.23
Hunter-Lab	22.834, 9.835, -31.895
Binary	00110100, 00111011, 01111000

#343b78
```
#343b78 rgb(52,59,120)
```
#787134
```
#787134 rgb(120,113,52)
```

Complementary Color

#345d78
```
#345d78 rgb(52,93,120)
```
#343b78
```
#343b78 rgb(52,59,120)
```
#4f3478
```
#4f3478 rgb(79,52,120)
```

Analogous Color

#5d7834
```
#5d7834 rgb(93,120,52)
```
#343b78
```
#343b78 rgb(52,59,120)
```
#784f34
```
#784f34 rgb(120,79,52)
```

Split Complementary Color

#3b7834
```
#3b7834 rgb(59,120,52)
```
#343b78
```
#343b78 rgb(52,59,120)
```
#78343b
```
#78343b rgb(120,52,59)
```

Triadic Color

#347871
```
#347871 rgb(52,120,113)
```
#343b78
```
#343b78 rgb(52,59,120)
```
#78343b
```
#78343b rgb(120,52,59)
```
#787134
```
#787134 rgb(120,113,52)
```

Tetradic Color

#1d2143
```
#1d2143 rgb(29,33,67)
```
#252a54
```
#252a54 rgb(37,42,84)
```
#2c3266
```
#2c3266 rgb(44,50,102)
```
#343b78
```
#343b78 rgb(52,59,120)
```
#3c448a
```
#3c448a rgb(60,68,138)
```
#434c9c
```
#434c9c rgb(67,76,156)
```
#4b55ad
```
#4b55ad rgb(75,85,173)
```

Monochromatic Color

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

#344c78
```
#344c78 rgb(52,76,120)
```
#344678
```
#344678 rgb(52,70,120)
```
#344178
```
#344178 rgb(52,65,120)
```
#343b78
```
#343b78 rgb(52,59,120)
```
#343578
```
#343578 rgb(52,53,120)
```
#383478
```
#383478 rgb(56,52,120)
```
#3e3478
```
#3e3478 rgb(62,52,120)
```

Similar Colors

Text with hexadecimal color #343b78

This text has a font color of #343b78.

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

#343b78 background color

This paragraph has a background color of #343b78.

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

#343b78 border color

This element has a border color of #343b78.

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

CSS codes

.text {color:#343b78;}

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

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

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

#05050b
```
#05050b rgb(5,5,11)
```
#0a0c18
```
#0a0c18 rgb(10,12,24)
```
#101326
```
#101326 rgb(16,19,38)
```
#161934
```
#161934 rgb(22,25,52)
```
#1c2041
```
#1c2041 rgb(28,32,65)
```
#22274f
```
#22274f rgb(34,39,79)
```
#282e5d
```
#282e5d rgb(40,46,93)
```
#2e346a
```
#2e346a rgb(46,52,106)
```
#343b78
```
#343b78 rgb(52,59,120)
```
#3a4286
```
#3a4286 rgb(58,66,134)
```
#404893
```
#404893 rgb(64,72,147)
```
#464fa1
```
#464fa1 rgb(70,79,161)
```
#4c56af
```
#4c56af rgb(76,86,175)
```

Shade Color Variation

#5861b6
```
#5861b6 rgb(88,97,182)
```
#656ebc
```
#656ebc rgb(101,110,188)
```
#737bc2
```
#737bc2 rgb(115,123,194)
```
#8188c8
```
#8188c8 rgb(129,136,200)
```
#8e95ce
```
#8e95ce rgb(142,149,206)
```
#9ca2d4
```
#9ca2d4 rgb(156,162,212)
```
#aaafda
```
#aaafda rgb(170,175,218)
```
#b7bce0
```
#b7bce0 rgb(183,188,224)
```
#c5c8e6
```
#c5c8e6 rgb(197,200,230)
```
#d3d5ec
```
#d3d5ec rgb(211,213,236)
```
#e0e2f2
```
#e0e2f2 rgb(224,226,242)
```
#eeeff8
```
#eeeff8 rgb(238,239,248)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #555557 is the less saturated color, while #0616a6 is the most saturated one.

#555557
```
#555557 rgb(85,85,87)
```
#4e505e
```
#4e505e rgb(78,80,94)
```
#484b64
```
#484b64 rgb(72,75,100)
```
#41466b
```
#41466b rgb(65,70,107)
```
#3b4071
```
#3b4071 rgb(59,64,113)
```
#343b78
```
#343b78 rgb(52,59,120)
```
#2d367f
```
#2d367f rgb(45,54,127)
```
#273085
```
#273085 rgb(39,48,133)
```
#202b8c
```
#202b8c rgb(32,43,140)
```
#1a2692
```
#1a2692 rgb(26,38,146)
```
#132199
```
#132199 rgb(19,33,153)
```
#0c1ba0
```
#0c1ba0 rgb(12,27,160)
```
#0616a6
```
#0616a6 rgb(6,22,166)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#3e3f4b Atypical Achromatopsia 0.001% of the population

Dichromacy

#294881 Protanopia 1% of men
#174b7c Deuteranopia 1% of men
#2b4f55 Tritanopia 0.001% of the population

Trichromacy

#2d437e Protanomaly 1% of men, 0.01% of women
#21457a Deuteranomaly 6% of men, 0.4% of women
#2e4862 Tritanomaly 0.01% of the population

#343b78 hex color

#343b78 Color Information

#343b78 Color Conversion

Color Schemes with #343b78

Alternatives to #343b78

#343b78 Preview

Shades and Tints of #343b78

Tones of #343b78

Color Blindness Simulator