#342ba1 hex color

In a RGB color space, hex #342ba1 is composed of 20.4% red, 16.9% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 67.7% cyan, 73.3% magenta, 0% yellow and 36.9% black. It has a hue angle of 244.6 degrees, a saturation of 57.8% and a lightness of 40%. #342ba1 color hex could be obtained by blending #6856ff with #000043. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 20
- G 17
- B 63
RGB color chart
- C 68
- M 73
- Y 0
- K 37
CMYK color chart

● #342ba1 color description : Dark blue.

The hexadecimal color #342ba1 has RGB values of R:52, G:43, B:161 and CMYK values of C:0.68, M:0.73, Y:0, K:0.37. Its decimal value is 3419041.

Hex triplet	342ba1	`#342ba1`
RGB Decimal	52, 43, 161	`rgb(52,43,161)`
RGB Percent	20.4, 16.9, 63.1	`rgb(20.4%,16.9%,63.1%)`
CMYK	68, 73, 0, 37
HSL	244.6°, 57.8, 40	`hsl(244.6,57.8%,40%)`
HSV (or HSB)	244.6°, 73.3, 63.1
Web Safe	333399	`#333399`

CIE-LAB	26.822, 40.861, -62.159
XYZ	8.712, 5.031, 34.228
xyY	0.182, 0.105, 5.031
CIE-LCH	26.822, 74.386, 303.32
CIE-LUV	26.822, -3.956, -78.814
Hunter-Lab	22.429, 30.082, -74.78
Binary	00110100, 00101011, 10100001

#342ba1
```
#342ba1 rgb(52,43,161)
```
#98a12b
```
#98a12b rgb(152,161,43)
```

Complementary Color

#2b5da1
```
#2b5da1 rgb(43,93,161)
```
#342ba1
```
#342ba1 rgb(52,43,161)
```
#6f2ba1
```
#6f2ba1 rgb(111,43,161)
```

Analogous Color

#5da12b
```
#5da12b rgb(93,161,43)
```
#342ba1
```
#342ba1 rgb(52,43,161)
```
#a16f2b
```
#a16f2b rgb(161,111,43)
```

Split Complementary Color

#2ba134
```
#2ba134 rgb(43,161,52)
```
#342ba1
```
#342ba1 rgb(52,43,161)
```
#a1342b
```
#a1342b rgb(161,52,43)
```

Triadic Color

#2b98a1
```
#2b98a1 rgb(43,152,161)
```
#342ba1
```
#342ba1 rgb(52,43,161)
```
#a1342b
```
#a1342b rgb(161,52,43)
```
#98a12b
```
#98a12b rgb(152,161,43)
```

Tetradic Color

#211b65
```
#211b65 rgb(33,27,101)
```
#272079
```
#272079 rgb(39,32,121)
```
#2d268d
```
#2d268d rgb(45,38,141)
```
#342ba1
```
#342ba1 rgb(52,43,161)
```
#3a30b5
```
#3a30b5 rgb(58,48,181)
```
#4136c9
```
#4136c9 rgb(65,54,201)
```
#544acf
```
#544acf rgb(84,74,207)
```

Monochromatic Color

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

#2b40a1
```
#2b40a1 rgb(43,64,161)
```
#2b36a1
```
#2b36a1 rgb(43,54,161)
```
#2b2ca1
```
#2b2ca1 rgb(43,44,161)
```
#342ba1
```
#342ba1 rgb(52,43,161)
```
#3e2ba1
```
#3e2ba1 rgb(62,43,161)
```
#482ba1
```
#482ba1 rgb(72,43,161)
```
#512ba1
```
#512ba1 rgb(81,43,161)
```

Similar Colors

Text with hexadecimal color #342ba1

This text has a font color of #342ba1.

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

#342ba1 background color

This paragraph has a background color of #342ba1.

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

#342ba1 border color

This element has a border color of #342ba1.

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

CSS codes

.text {color:#342ba1;}

.background {background-color:#342ba1;}

.border {border:1px solid #342ba1;}

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

#020206
```
#020206 rgb(2,2,6)
```
#070616
```
#070616 rgb(7,6,22)
```
#0c0a25
```
#0c0a25 rgb(12,10,37)
```
#110e35
```
#110e35 rgb(17,14,53)
```
#161244
```
#161244 rgb(22,18,68)
```
#1b1654
```
#1b1654 rgb(27,22,84)
```
#201a63
```
#201a63 rgb(32,26,99)
```
#251f73
```
#251f73 rgb(37,31,115)
```
#2a2382
```
#2a2382 rgb(42,35,130)
```
#2f2792
```
#2f2792 rgb(47,39,146)
```
#342ba1
```
#342ba1 rgb(52,43,161)
```
#392fb0
```
#392fb0 rgb(57,47,176)
```
#3e33c0
```
#3e33c0 rgb(62,51,192)
```

Shade Color Variation

#473ccb
```
#473ccb rgb(71,60,203)
```
#554bcf
```
#554bcf rgb(85,75,207)
```
#645bd3
```
#645bd3 rgb(100,91,211)
```
#736ad7
```
#736ad7 rgb(115,106,215)
```
#817adb
```
#817adb rgb(129,122,219)
```
#9089e0
```
#9089e0 rgb(144,137,224)
```
#9f99e4
```
#9f99e4 rgb(159,153,228)
```
#ada8e8
```
#ada8e8 rgb(173,168,232)
```
#bcb8ec
```
#bcb8ec rgb(188,184,236)
```
#cac7f0
```
#cac7f0 rgb(202,199,240)
```
#d9d7f4
```
#d9d7f4 rgb(217,215,244)
```
#e8e6f8
```
#e8e6f8 rgb(232,230,248)
```
#f6f6fd
```
#f6f6fd rgb(246,246,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #63626a is the less saturated color, while #1304c8 is the most saturated one.

#63626a
```
#63626a rgb(99,98,106)
```
#5c5a72
```
#5c5a72 rgb(92,90,114)
```
#55527a
```
#55527a rgb(85,82,122)
```
#4f4a82
```
#4f4a82 rgb(79,74,130)
```
#484389
```
#484389 rgb(72,67,137)
```
#413b91
```
#413b91 rgb(65,59,145)
```
#3b3399
```
#3b3399 rgb(59,51,153)
```
#342ba1
```
#342ba1 rgb(52,43,161)
```
#2d23a9
```
#2d23a9 rgb(45,35,169)
```
#271bb1
```
#271bb1 rgb(39,27,177)
```
#2013b9
```
#2013b9 rgb(32,19,185)
```
#190cc0
```
#190cc0 rgb(25,12,192)
```
#1304c8
```
#1304c8 rgb(19,4,200)
```

Tone Color Variation

Below, you can see how #342ba1 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

#3b3b3b Achromatopsia 0.005% of the population
#3a384f Atypical Achromatopsia 0.001% of the population

Dichromacy

#00478a Protanopia 1% of men
#004b78 Deuteranopia 1% of men
#005055 Tritanopia 0.001% of the population

Trichromacy

#123c92 Protanomaly 1% of men, 0.01% of women
#123f87 Deuteranomaly 6% of men, 0.4% of women
#124270 Tritanomaly 0.01% of the population

#342ba1 hex color

#342ba1 Color Information

#342ba1 Color Conversion

Color Schemes with #342ba1

Alternatives to #342ba1

#342ba1 Preview

Shades and Tints of #342ba1

Tones of #342ba1

Color Blindness Simulator