#343a7a hex color

In a RGB color space, hex #343a7a is composed of 20.4% red, 22.7% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 57.4% cyan, 52.5% magenta, 0% yellow and 52.2% black. It has a hue angle of 234.9 degrees, a saturation of 40.2% and a lightness of 34.1%. #343a7a color hex could be obtained by blending #6874f4 with #000000. Closest websafe color is: #333366.

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

● #343a7a color description : Dark moderate blue.

The hexadecimal color #343a7a has RGB values of R:52, G:58, B:122 and CMYK values of C:0.57, M:0.52, Y:0, K:0.52. Its decimal value is 3422842.

Hex triplet	343a7a	`#343a7a`
RGB Decimal	52, 58, 122	`rgb(52,58,122)`
RGB Percent	20.4, 22.7, 47.8	`rgb(20.4%,22.7%,47.8%)`
CMYK	57, 52, 0, 52
HSL	234.9°, 40.2, 34.1	`hsl(234.9,40.2%,34.1%)`
HSV (or HSB)	234.9°, 57.4, 47.8
Web Safe	333366	`#333366`

CIE-LAB	27.189, 17.694, -37.432
XYZ	6.441, 5.161, 19.068
xyY	0.21, 0.168, 5.161
CIE-LCH	27.189, 41.403, 295.3
CIE-LUV	27.189, -5.367, -49.148
Hunter-Lab	22.718, 10.855, -33.862
Binary	00110100, 00111010, 01111010

#343a7a
```
#343a7a rgb(52,58,122)
```
#7a7434
```
#7a7434 rgb(122,116,52)
```

Complementary Color

#345d7a
```
#345d7a rgb(52,93,122)
```
#343a7a
```
#343a7a rgb(52,58,122)
```
#51347a
```
#51347a rgb(81,52,122)
```

Analogous Color

#5d7a34
```
#5d7a34 rgb(93,122,52)
```
#343a7a
```
#343a7a rgb(52,58,122)
```
#7a5134
```
#7a5134 rgb(122,81,52)
```

Split Complementary Color

#3a7a34
```
#3a7a34 rgb(58,122,52)
```
#343a7a
```
#343a7a rgb(52,58,122)
```
#7a343a
```
#7a343a rgb(122,52,58)
```

Triadic Color

#347a74
```
#347a74 rgb(52,122,116)
```
#343a7a
```
#343a7a rgb(52,58,122)
```
#7a343a
```
#7a343a rgb(122,52,58)
```
#7a7434
```
#7a7434 rgb(122,116,52)
```

Tetradic Color

#1d2144
```
#1d2144 rgb(29,33,68)
```
#252956
```
#252956 rgb(37,41,86)
```
#2c3268
```
#2c3268 rgb(44,50,104)
```
#343a7a
```
#343a7a rgb(52,58,122)
```
#3c438c
```
#3c438c rgb(60,67,140)
```
#434b9e
```
#434b9e rgb(67,75,158)
```
#4b54b0
```
#4b54b0 rgb(75,84,176)
```

Monochromatic Color

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

#344c7a
```
#344c7a rgb(52,76,122)
```
#34467a
```
#34467a rgb(52,70,122)
```
#34407a
```
#34407a rgb(52,64,122)
```
#343a7a
```
#343a7a rgb(52,58,122)
```
#34347a
```
#34347a rgb(52,52,122)
```
#3a347a
```
#3a347a rgb(58,52,122)
```
#40347a
```
#40347a rgb(64,52,122)
```

Similar Colors

Text with hexadecimal color #343a7a

This text has a font color of #343a7a.

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

#343a7a background color

This paragraph has a background color of #343a7a.

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

#343a7a border color

This element has a border color of #343a7a.

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

CSS codes

.text {color:#343a7a;}

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

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

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, #05060c is the darkest color, while #fdfdfe is the lightest one.

#05060c
```
#05060c rgb(5,6,12)
```
#0b0c1a
```
#0b0c1a rgb(11,12,26)
```
#111327
```
#111327 rgb(17,19,39)
```
#171935
```
#171935 rgb(23,25,53)
```
#1d2043
```
#1d2043 rgb(29,32,67)
```
#222651
```
#222651 rgb(34,38,81)
```
#282d5e
```
#282d5e rgb(40,45,94)
```
#2e336c
```
#2e336c rgb(46,51,108)
```
#343a7a
```
#343a7a rgb(52,58,122)
```
#3a4188
```
#3a4188 rgb(58,65,136)
```
#404796
```
#404796 rgb(64,71,150)
```
#464ea3
```
#464ea3 rgb(70,78,163)
```
#4b54b1
```
#4b54b1 rgb(75,84,177)
```

Shade Color Variation

#5860b8
```
#5860b8 rgb(88,96,184)
```
#666dbe
```
#666dbe rgb(102,109,190)
```
#747bc4
```
#747bc4 rgb(116,123,196)
```
#8188c9
```
#8188c9 rgb(129,136,201)
```
#8f95cf
```
#8f95cf rgb(143,149,207)
```
#9da2d5
```
#9da2d5 rgb(157,162,213)
```
#abafdb
```
#abafdb rgb(171,175,219)
```
#b8bce1
```
#b8bce1 rgb(184,188,225)
```
#c6c9e7
```
#c6c9e7 rgb(198,201,231)
```
#d4d6ed
```
#d4d6ed rgb(212,214,237)
```
#e2e3f3
```
#e2e3f3 rgb(226,227,243)
```
#eff0f8
```
#eff0f8 rgb(239,240,248)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#555659
```
#555659 rgb(85,86,89)
```
#4f505f
```
#4f505f rgb(79,80,95)
```
#484b66
```
#484b66 rgb(72,75,102)
```
#41456d
```
#41456d rgb(65,69,109)
```
#3b4073
```
#3b4073 rgb(59,64,115)
```
#343a7a
```
#343a7a rgb(52,58,122)
```
#2d3481
```
#2d3481 rgb(45,52,129)
```
#272f87
```
#272f87 rgb(39,47,135)
```
#20298e
```
#20298e rgb(32,41,142)
```
#192495
```
#192495 rgb(25,36,149)
```
#131e9b
```
#131e9b rgb(19,30,155)
```
#0c19a2
```
#0c19a2 rgb(12,25,162)
```
#0513a9
```
#0513a9 rgb(5,19,169)
```

Tone Color Variation

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

Dichromacy

#244884 Protanopia 1% of men
#004b7d Deuteranopia 1% of men
#294f55 Tritanopia 0.001% of the population

Trichromacy

#2a4380 Protanomaly 1% of men, 0.01% of women
#12457c Deuteranomaly 6% of men, 0.4% of women
#2d4762 Tritanomaly 0.01% of the population

#343a7a hex color

#343a7a Color Information

#343a7a Color Conversion

Color Schemes with #343a7a

Alternatives to #343a7a

#343a7a Preview

Shades and Tints of #343a7a

Tones of #343a7a

Color Blindness Simulator