#343694 hex color

In a RGB color space, hex #343694 is composed of 20.4% red, 21.2% green and 58% blue. Whereas in a CMYK color space, it is composed of 64.9% cyan, 63.5% magenta, 0% yellow and 42% black. It has a hue angle of 238.8 degrees, a saturation of 48% and a lightness of 39.2%. #343694 color hex could be obtained by blending #686cff with #000029. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 20
- G 21
- B 58
RGB color chart
- C 65
- M 64
- Y 0
- K 42
CMYK color chart

● #343694 color description : Dark moderate blue.

The hexadecimal color #343694 has RGB values of R:52, G:54, B:148 and CMYK values of C:0.65, M:0.64, Y:0, K:0.42. Its decimal value is 3421844.

Hex triplet	343694	`#343694`
RGB Decimal	52, 54, 148	`rgb(52,54,148)`
RGB Percent	20.4, 21.2, 58	`rgb(20.4%,21.2%,58%)`
CMYK	65, 64, 0, 42
HSL	238.8°, 48, 39.2	`hsl(238.8,48%,39.2%)`
HSV (or HSB)	238.8°, 64.9, 58
Web Safe	333399	`#333399`

CIE-LAB	28.131, 29.629, -52.076
XYZ	8.08, 5.506, 28.652
xyY	0.191, 0.13, 5.506
CIE-LCH	28.131, 59.915, 299.638
CIE-LUV	28.131, -5.437, -68.669
Hunter-Lab	23.465, 20.398, -55.971
Binary	00110100, 00110110, 10010100

#343694
```
#343694 rgb(52,54,148)
```
#949234
```
#949234 rgb(148,146,52)
```

Complementary Color

#346694
```
#346694 rgb(52,102,148)
```
#343694
```
#343694 rgb(52,54,148)
```
#623494
```
#623494 rgb(98,52,148)
```

Analogous Color

#669434
```
#669434 rgb(102,148,52)
```
#343694
```
#343694 rgb(52,54,148)
```
#946234
```
#946234 rgb(148,98,52)
```

Split Complementary Color

#369434
```
#369434 rgb(54,148,52)
```
#343694
```
#343694 rgb(52,54,148)
```
#943436
```
#943436 rgb(148,52,54)
```

Triadic Color

#349492
```
#349492 rgb(52,148,146)
```
#343694
```
#343694 rgb(52,54,148)
```
#943436
```
#943436 rgb(148,52,54)
```
#949234
```
#949234 rgb(148,146,52)
```

Tetradic Color

#20215b
```
#20215b rgb(32,33,91)
```
#27286e
```
#27286e rgb(39,40,110)
```
#2d2f81
```
#2d2f81 rgb(45,47,129)
```
#343694
```
#343694 rgb(52,54,148)
```
#3b3da7
```
#3b3da7 rgb(59,61,167)
```
#4144ba
```
#4144ba rgb(65,68,186)
```
#5255c2
```
#5255c2 rgb(82,85,194)
```

Monochromatic Color

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

#344e94
```
#344e94 rgb(52,78,148)
```
#344694
```
#344694 rgb(52,70,148)
```
#343e94
```
#343e94 rgb(52,62,148)
```
#343694
```
#343694 rgb(52,54,148)
```
#3a3494
```
#3a3494 rgb(58,52,148)
```
#423494
```
#423494 rgb(66,52,148)
```
#4a3494
```
#4a3494 rgb(74,52,148)
```

Similar Colors

Text with hexadecimal color #343694

This text has a font color of #343694.

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

#343694 background color

This paragraph has a background color of #343694.

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

#343694 border color

This element has a border color of #343694.

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

CSS codes

.text {color:#343694;}

.background {background-color:#343694;}

.border {border:1px solid #343694;}

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 #f3f3fb is the lightest one.

#010103
```
#010103 rgb(1,1,3)
```
#060611
```
#060611 rgb(6,6,17)
```
#0b0c20
```
#0b0c20 rgb(11,12,32)
```
#10112e
```
#10112e rgb(16,17,46)
```
#15163d
```
#15163d rgb(21,22,61)
```
#1b1c4b
```
#1b1c4b rgb(27,28,75)
```
#20215a
```
#20215a rgb(32,33,90)
```
#252668
```
#252668 rgb(37,38,104)
```
#2a2b77
```
#2a2b77 rgb(42,43,119)
```
#2f3185
```
#2f3185 rgb(47,49,133)
```
#343694
```
#343694 rgb(52,54,148)
```
#393ba3
```
#393ba3 rgb(57,59,163)
```
#3e41b1
```
#3e41b1 rgb(62,65,177)
```

Shade Color Variation

#4548be
```
#4548be rgb(69,72,190)
```
#5456c3
```
#5456c3 rgb(84,86,195)
```
#6264c8
```
#6264c8 rgb(98,100,200)
```
#7173cd
```
#7173cd rgb(113,115,205)
```
#7f81d2
```
#7f81d2 rgb(127,129,210)
```
#8e8fd7
```
#8e8fd7 rgb(142,143,215)
```
#9c9edc
```
#9c9edc rgb(156,158,220)
```
#abace1
```
#abace1 rgb(171,172,225)
```
#b9bae7
```
#b9bae7 rgb(185,186,231)
```
#c8c9ec
```
#c8c9ec rgb(200,201,236)
```
#d6d7f1
```
#d6d7f1 rgb(214,215,241)
```
#e5e5f6
```
#e5e5f6 rgb(229,229,246)
```
#f3f3fb
```
#f3f3fb rgb(243,243,251)
```

Tint Color Variation

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

#626266
```
#626266 rgb(98,98,102)
```
#5a5b6e
```
#5a5b6e rgb(90,91,110)
```
#535375
```
#535375 rgb(83,83,117)
```
#4b4c7d
```
#4b4c7d rgb(75,76,125)
```
#434585
```
#434585 rgb(67,69,133)
```
#3c3d8c
```
#3c3d8c rgb(60,61,140)
```
#343694
```
#343694 rgb(52,54,148)
```
#2c2f9c
```
#2c2f9c rgb(44,47,156)
```
#2527a3
```
#2527a3 rgb(37,39,163)
```
#1d20ab
```
#1d20ab rgb(29,32,171)
```
#1519b3
```
#1519b3 rgb(21,25,179)
```
#0e11ba
```
#0e11ba rgb(14,17,186)
```
#060ac2
```
#060ac2 rgb(6,10,194)
```

Tone Color Variation

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

Dichromacy

#004990 Protanopia 1% of men
#004d7e Deuteranopia 1% of men
#005359 Tritanopia 0.001% of the population

Trichromacy

#124291 Protanomaly 1% of men, 0.01% of women
#124586 Deuteranomaly 6% of men, 0.4% of women
#12486e Tritanomaly 0.01% of the population

#343694 hex color

#343694 Color Information

#343694 Color Conversion

Color Schemes with #343694

Alternatives to #343694

#343694 Preview

Shades and Tints of #343694

Tones of #343694

Color Blindness Simulator