#343eac hex color

In a RGB color space, hex #343eac is composed of 20.4% red, 24.3% green and 67.5% blue. Whereas in a CMYK color space, it is composed of 69.8% cyan, 64% magenta, 0% yellow and 32.5% black. It has a hue angle of 235 degrees, a saturation of 53.6% and a lightness of 43.9%. #343eac color hex could be obtained by blending #687cff with #000059. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 20
- G 24
- B 67
RGB color chart
- C 70
- M 64
- Y 0
- K 33
CMYK color chart

● #343eac color description : Dark moderate blue.

The hexadecimal color #343eac has RGB values of R:52, G:62, B:172 and CMYK values of C:0.7, M:0.64, Y:0, K:0.33. Its decimal value is 3423916.

Hex triplet	343eac	`#343eac`
RGB Decimal	52, 62, 172	`rgb(52,62,172)`
RGB Percent	20.4, 24.3, 67.5	`rgb(20.4%,24.3%,67.5%)`
CMYK	70, 64, 0, 33
HSL	235°, 53.6, 43.9	`hsl(235,53.6%,43.9%)`
HSV (or HSB)	235°, 69.8, 67.5
Web Safe	333399	`#333399`

CIE-LAB	32.153, 32.991, -60.038
XYZ	10.584, 7.153, 39.85
xyY	0.184, 0.124, 7.153
CIE-LCH	32.153, 68.505, 298.789
CIE-LUV	32.153, -8.167, -82.424
Hunter-Lab	26.746, 23.831, -69.619
Binary	00110100, 00111110, 10101100

#343eac
```
#343eac rgb(52,62,172)
```
#aca234
```
#aca234 rgb(172,162,52)
```

Complementary Color

#347aac
```
#347aac rgb(52,122,172)
```
#343eac
```
#343eac rgb(52,62,172)
```
#6634ac
```
#6634ac rgb(102,52,172)
```

Analogous Color

#7aac34
```
#7aac34 rgb(122,172,52)
```
#343eac
```
#343eac rgb(52,62,172)
```
#ac6634
```
#ac6634 rgb(172,102,52)
```

Split Complementary Color

#3eac34
```
#3eac34 rgb(62,172,52)
```
#343eac
```
#343eac rgb(52,62,172)
```
#ac343e
```
#ac343e rgb(172,52,62)
```

Triadic Color

#34aca2
```
#34aca2 rgb(52,172,162)
```
#343eac
```
#343eac rgb(52,62,172)
```
#ac343e
```
#ac343e rgb(172,52,62)
```
#aca234
```
#aca234 rgb(172,162,52)
```

Tetradic Color

#222971
```
#222971 rgb(34,41,113)
```
#283085
```
#283085 rgb(40,48,133)
```
#2e3798
```
#2e3798 rgb(46,55,152)
```
#343eac
```
#343eac rgb(52,62,172)
```
#3a45c0
```
#3a45c0 rgb(58,69,192)
```
#4b55c8
```
#4b55c8 rgb(75,85,200)
```
#5e67ce
```
#5e67ce rgb(94,103,206)
```

Monochromatic Color

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

#345cac
```
#345cac rgb(52,92,172)
```
#3452ac
```
#3452ac rgb(52,82,172)
```
#3448ac
```
#3448ac rgb(52,72,172)
```
#343eac
```
#343eac rgb(52,62,172)
```
#3434ac
```
#3434ac rgb(52,52,172)
```
#3e34ac
```
#3e34ac rgb(62,52,172)
```
#4834ac
```
#4834ac rgb(72,52,172)
```

Similar Colors

Text with hexadecimal color #343eac

This text has a font color of #343eac.

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

#343eac background color

This paragraph has a background color of #343eac.

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

#343eac border color

This element has a border color of #343eac.

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

CSS codes

.text {color:#343eac;}

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

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

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

#020206
```
#020206 rgb(2,2,6)
```
#060815
```
#060815 rgb(6,8,21)
```
#0b0d24
```
#0b0d24 rgb(11,13,36)
```
#101334
```
#101334 rgb(16,19,52)
```
#141843
```
#141843 rgb(20,24,67)
```
#191d52
```
#191d52 rgb(25,29,82)
```
#1d2361
```
#1d2361 rgb(29,35,97)
```
#222870
```
#222870 rgb(34,40,112)
```
#262e7f
```
#262e7f rgb(38,46,127)
```
#2b338e
```
#2b338e rgb(43,51,142)
```
#2f399d
```
#2f399d rgb(47,57,157)
```
#343eac
```
#343eac rgb(52,62,172)
```
#3943bb
```
#3943bb rgb(57,67,187)
```

Shade Color Variation

#424dc6
```
#424dc6 rgb(66,77,198)
```
#515bca
```
#515bca rgb(81,91,202)
```
#6069cf
```
#6069cf rgb(96,105,207)
```
#6f77d3
```
#6f77d3 rgb(111,119,211)
```
#7e85d8
```
#7e85d8 rgb(126,133,216)
```
#8d93dc
```
#8d93dc rgb(141,147,220)
```
#9ca2e1
```
#9ca2e1 rgb(156,162,225)
```
#abb0e6
```
#abb0e6 rgb(171,176,230)
```
#babeea
```
#babeea rgb(186,190,234)
```
#c9ccef
```
#c9ccef rgb(201,204,239)
```
#d8daf3
```
#d8daf3 rgb(216,218,243)
```
#e7e9f8
```
#e7e9f8 rgb(231,233,248)
```
#f6f7fc
```
#f6f7fc rgb(246,247,252)
```

Tint Color Variation

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

#686978
```
#686978 rgb(104,105,120)
```
#5f6281
```
#5f6281 rgb(95,98,129)
```
#565b8a
```
#565b8a rgb(86,91,138)
```
#4e5492
```
#4e5492 rgb(78,84,146)
```
#454c9b
```
#454c9b rgb(69,76,155)
```
#3d45a3
```
#3d45a3 rgb(61,69,163)
```
#343eac
```
#343eac rgb(52,62,172)
```
#2b37b5
```
#2b37b5 rgb(43,55,181)
```
#2330bd
```
#2330bd rgb(35,48,189)
```
#1a28c6
```
#1a28c6 rgb(26,40,198)
```
#1221ce
```
#1221ce rgb(18,33,206)
```
#091ad7
```
#091ad7 rgb(9,26,215)
```
#0013e0
```
#0013e0 rgb(0,19,224)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#44465c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0052a1 Protanopia 1% of men
#00578c Deuteranopia 1% of men
#005d63 Tritanopia 0.001% of the population

Trichromacy

#124ba5 Protanomaly 1% of men, 0.01% of women
#124d97 Deuteranomaly 6% of men, 0.4% of women
#12517d Tritanomaly 0.01% of the population

#343eac hex color

#343eac Color Information

#343eac Color Conversion

Color Schemes with #343eac

Alternatives to #343eac

#343eac Preview

Shades and Tints of #343eac

Tones of #343eac

Color Blindness Simulator