#343a81 hex color

In a RGB color space, hex #343a81 is composed of 20.4% red, 22.7% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 59.7% cyan, 55% magenta, 0% yellow and 49.4% black. It has a hue angle of 235.3 degrees, a saturation of 42.5% and a lightness of 35.5%. #343a81 color hex could be obtained by blending #6874ff with #000003. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 20
- G 23
- B 51
RGB color chart
- C 60
- M 55
- Y 0
- K 49
CMYK color chart

● #343a81 color description : Dark moderate blue.

The hexadecimal color #343a81 has RGB values of R:52, G:58, B:129 and CMYK values of C:0.6, M:0.55, Y:0, K:0.49. Its decimal value is 3422849.

Hex triplet	343a81	`#343a81`
RGB Decimal	52, 58, 129	`rgb(52,58,129)`
RGB Percent	20.4, 22.7, 50.6	`rgb(20.4%,22.7%,50.6%)`
CMYK	60, 55, 0, 49
HSL	235.3°, 42.5, 35.5	`hsl(235.3,42.5%,35.5%)`
HSV (or HSB)	235.3°, 59.7, 50.6
Web Safe	333399	`#333399`

CIE-LAB	27.685, 20.193, -41.028
XYZ	6.891, 5.341, 21.435
xyY	0.205, 0.159, 5.341
CIE-LCH	27.685, 45.728, 296.205
CIE-LUV	27.685, -5.641, -54.222
Hunter-Lab	23.11, 12.781, -38.816
Binary	00110100, 00111010, 10000001

#343a81
```
#343a81 rgb(52,58,129)
```
#817b34
```
#817b34 rgb(129,123,52)
```

Complementary Color

#346181
```
#346181 rgb(52,97,129)
```
#343a81
```
#343a81 rgb(52,58,129)
```
#553481
```
#553481 rgb(85,52,129)
```

Analogous Color

#618134
```
#618134 rgb(97,129,52)
```
#343a81
```
#343a81 rgb(52,58,129)
```
#815534
```
#815534 rgb(129,85,52)
```

Split Complementary Color

#3a8134
```
#3a8134 rgb(58,129,52)
```
#343a81
```
#343a81 rgb(52,58,129)
```
#81343a
```
#81343a rgb(129,52,58)
```

Triadic Color

#34817b
```
#34817b rgb(52,129,123)
```
#343a81
```
#343a81 rgb(52,58,129)
```
#81343a
```
#81343a rgb(129,52,58)
```
#817b34
```
#817b34 rgb(129,123,52)
```

Tetradic Color

#1e214a
```
#1e214a rgb(30,33,74)
```
#252a5d
```
#252a5d rgb(37,42,93)
```
#2d326f
```
#2d326f rgb(45,50,111)
```
#343a81
```
#343a81 rgb(52,58,129)
```
#3b4293
```
#3b4293 rgb(59,66,147)
```
#434aa5
```
#434aa5 rgb(67,74,165)
```
#4b53b6
```
#4b53b6 rgb(75,83,182)
```

Monochromatic Color

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

#344d81
```
#344d81 rgb(52,77,129)
```
#344781
```
#344781 rgb(52,71,129)
```
#344081
```
#344081 rgb(52,64,129)
```
#343a81
```
#343a81 rgb(52,58,129)
```
#343481
```
#343481 rgb(52,52,129)
```
#3b3481
```
#3b3481 rgb(59,52,129)
```
#413481
```
#413481 rgb(65,52,129)
```

Similar Colors

Text with hexadecimal color #343a81

This text has a font color of #343a81.

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

#343a81 background color

This paragraph has a background color of #343a81.

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

#343a81 border color

This element has a border color of #343a81.

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

CSS codes

.text {color:#343a81;}

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

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

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

#010103
```
#010103 rgb(1,1,3)
```
#070811
```
#070811 rgb(7,8,17)
```
#0d0e1f
```
#0d0e1f rgb(13,14,31)
```
#12142d
```
#12142d rgb(18,20,45)
```
#181b3b
```
#181b3b rgb(24,27,59)
```
#1d2149
```
#1d2149 rgb(29,33,73)
```
#232757
```
#232757 rgb(35,39,87)
```
#292d65
```
#292d65 rgb(41,45,101)
```
#2e3473
```
#2e3473 rgb(46,52,115)
```
#343a81
```
#343a81 rgb(52,58,129)
```
#3a408f
```
#3a408f rgb(58,64,143)
```
#3f479d
```
#3f479d rgb(63,71,157)
```
#454dab
```
#454dab rgb(69,77,171)
```

Shade Color Variation

#4c55b7
```
#4c55b7 rgb(76,85,183)
```
#5a62bd
```
#5a62bd rgb(90,98,189)
```
#686fc2
```
#686fc2 rgb(104,111,194)
```
#767dc8
```
#767dc8 rgb(118,125,200)
```
#848ace
```
#848ace rgb(132,138,206)
```
#9297d3
```
#9297d3 rgb(146,151,211)
```
#a0a5d9
```
#a0a5d9 rgb(160,165,217)
```
#aeb2de
```
#aeb2de rgb(174,178,222)
```
#bcbfe4
```
#bcbfe4 rgb(188,191,228)
```
#cacdea
```
#cacdea rgb(202,205,234)
```
#d8daef
```
#d8daef rgb(216,218,239)
```
#e6e7f5
```
#e6e7f5 rgb(230,231,245)
```
#f4f5fb
```
#f4f5fb rgb(244,245,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #57575e is the less saturated color, while #0311b2 is the most saturated one.

#57575e
```
#57575e rgb(87,87,94)
```
#505265
```
#505265 rgb(80,82,101)
```
#494c6c
```
#494c6c rgb(73,76,108)
```
#424673
```
#424673 rgb(66,70,115)
```
#3b407a
```
#3b407a rgb(59,64,122)
```
#343a81
```
#343a81 rgb(52,58,129)
```
#2d3488
```
#2d3488 rgb(45,52,136)
```
#262e8f
```
#262e8f rgb(38,46,143)
```
#1f2896
```
#1f2896 rgb(31,40,150)
```
#18229d
```
#18229d rgb(24,34,157)
```
#111da4
```
#111da4 rgb(17,29,164)
```
#0a17ab
```
#0a17ab rgb(10,23,171)
```
#0311b2
```
#0311b2 rgb(3,17,178)
```

Tone Color Variation

Below, you can see how #343a81 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
#3e3f4d Atypical Achromatopsia 0.001% of the population

Dichromacy

#18488b Protanopia 1% of men
#004c7e Deuteranopia 1% of men
#245157 Tritanopia 0.001% of the population

Trichromacy

#224387 Protanomaly 1% of men, 0.01% of women
#12457f Deuteranomaly 6% of men, 0.4% of women
#294866 Tritanomaly 0.01% of the population

#343a81 hex color

#343a81 Color Information

#343a81 Color Conversion

Color Schemes with #343a81

Alternatives to #343a81

#343a81 Preview

Shades and Tints of #343a81

Tones of #343a81

Color Blindness Simulator