#342ba3 hex color

In a RGB color space, hex #342ba3 is composed of 20.4% red, 16.9% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 68.1% cyan, 73.6% magenta, 0% yellow and 36.1% black. It has a hue angle of 244.5 degrees, a saturation of 58.3% and a lightness of 40.4%. #342ba3 color hex could be obtained by blending #6856ff with #000047. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 20
- G 17
- B 64
RGB color chart
- C 68
- M 74
- Y 0
- K 36
CMYK color chart

● #342ba3 color description : Dark blue.

The hexadecimal color #342ba3 has RGB values of R:52, G:43, B:163 and CMYK values of C:0.68, M:0.74, Y:0, K:0.36. Its decimal value is 3419043.

Hex triplet	342ba3	`#342ba3`
RGB Decimal	52, 43, 163	`rgb(52,43,163)`
RGB Percent	20.4, 16.9, 63.9	`rgb(20.4%,16.9%,63.9%)`
CMYK	68, 74, 0, 36
HSL	244.5°, 58.3, 40.4	`hsl(244.5,58.3%,40.4%)`
HSV (or HSB)	244.5°, 73.6, 63.9
Web Safe	333399	`#333399`

CIE-LAB	27.023, 41.519, -63.041
XYZ	8.89, 5.102, 35.165
xyY	0.181, 0.104, 5.102
CIE-LCH	27.023, 75.485, 303.369
CIE-LUV	27.023, -4.068, -80.034
Hunter-Lab	22.587, 30.725, -76.495
Binary	00110100, 00101011, 10100011

#342ba3
```
#342ba3 rgb(52,43,163)
```
#9aa32b
```
#9aa32b rgb(154,163,43)
```

Complementary Color

#2b5ea3
```
#2b5ea3 rgb(43,94,163)
```
#342ba3
```
#342ba3 rgb(52,43,163)
```
#702ba3
```
#702ba3 rgb(112,43,163)
```

Analogous Color

#5ea32b
```
#5ea32b rgb(94,163,43)
```
#342ba3
```
#342ba3 rgb(52,43,163)
```
#a3702b
```
#a3702b rgb(163,112,43)
```

Split Complementary Color

#2ba334
```
#2ba334 rgb(43,163,52)
```
#342ba3
```
#342ba3 rgb(52,43,163)
```
#a3342b
```
#a3342b rgb(163,52,43)
```

Triadic Color

#2b9aa3
```
#2b9aa3 rgb(43,154,163)
```
#342ba3
```
#342ba3 rgb(52,43,163)
```
#a3342b
```
#a3342b rgb(163,52,43)
```
#9aa32b
```
#9aa32b rgb(154,163,43)
```

Tetradic Color

#211b66
```
#211b66 rgb(33,27,102)
```
#27207b
```
#27207b rgb(39,32,123)
```
#2e268f
```
#2e268f rgb(46,38,143)
```
#342ba3
```
#342ba3 rgb(52,43,163)
```
#3a30b7
```
#3a30b7 rgb(58,48,183)
```
#4237ca
```
#4237ca rgb(66,55,202)
```
#554bd0
```
#554bd0 rgb(85,75,208)
```

Monochromatic Color

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

#2b40a3
```
#2b40a3 rgb(43,64,163)
```
#2b36a3
```
#2b36a3 rgb(43,54,163)
```
#2b2ca3
```
#2b2ca3 rgb(43,44,163)
```
#342ba3
```
#342ba3 rgb(52,43,163)
```
#3e2ba3
```
#3e2ba3 rgb(62,43,163)
```
#482ba3
```
#482ba3 rgb(72,43,163)
```
#522ba3
```
#522ba3 rgb(82,43,163)
```

Similar Colors

Text with hexadecimal color #342ba3

This text has a font color of #342ba3.

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

#342ba3 background color

This paragraph has a background color of #342ba3.

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

#342ba3 border color

This element has a border color of #342ba3.

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

CSS codes

.text {color:#342ba3;}

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

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

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

#020208
```
#020208 rgb(2,2,8)
```
#070617
```
#070617 rgb(7,6,23)
```
#0c0a27
```
#0c0a27 rgb(12,10,39)
```
#110e36
```
#110e36 rgb(17,14,54)
```
#161246
```
#161246 rgb(22,18,70)
```
#1b1755
```
#1b1755 rgb(27,23,85)
```
#201b65
```
#201b65 rgb(32,27,101)
```
#251f74
```
#251f74 rgb(37,31,116)
```
#2a2384
```
#2a2384 rgb(42,35,132)
```
#2f2793
```
#2f2793 rgb(47,39,147)
```
#342ba3
```
#342ba3 rgb(52,43,163)
```
#392fb3
```
#392fb3 rgb(57,47,179)
```
#3e33c2
```
#3e33c2 rgb(62,51,194)
```

Shade Color Variation

#483dcc
```
#483dcc rgb(72,61,204)
```
#564dd0
```
#564dd0 rgb(86,77,208)
```
#655cd4
```
#655cd4 rgb(101,92,212)
```
#746cd8
```
#746cd8 rgb(116,108,216)
```
#827bdc
```
#827bdc rgb(130,123,220)
```
#918be0
```
#918be0 rgb(145,139,224)
```
#a09ae4
```
#a09ae4 rgb(160,154,228)
```
#aeaae8
```
#aeaae8 rgb(174,170,232)
```
#bdb9ed
```
#bdb9ed rgb(189,185,237)
```
#ccc9f1
```
#ccc9f1 rgb(204,201,241)
```
#dad8f5
```
#dad8f5 rgb(218,216,245)
```
#e9e8f9
```
#e9e8f9 rgb(233,232,249)
```
#f8f7fd
```
#f8f7fd rgb(248,247,253)
```

Tint Color Variation

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

#63626c
```
#63626c rgb(99,98,108)
```
#5c5b73
```
#5c5b73 rgb(92,91,115)
```
#56537b
```
#56537b rgb(86,83,123)
```
#4f4b83
```
#4f4b83 rgb(79,75,131)
```
#48438b
```
#48438b rgb(72,67,139)
```
#413b93
```
#413b93 rgb(65,59,147)
```
#3b339b
```
#3b339b rgb(59,51,155)
```
#342ba3
```
#342ba3 rgb(52,43,163)
```
#2d23ab
```
#2d23ab rgb(45,35,171)
```
#271bb3
```
#271bb3 rgb(39,27,179)
```
#2013bb
```
#2013bb rgb(32,19,187)
```
#190bc3
```
#190bc3 rgb(25,11,195)
```
#1203cb
```
#1203cb rgb(18,3,203)
```

Tone Color Variation

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

Dichromacy

#00478b Protanopia 1% of men
#004b79 Deuteranopia 1% of men
#005155 Tritanopia 0.001% of the population

Trichromacy

#123d94 Protanomaly 1% of men, 0.01% of women
#123f88 Deuteranomaly 6% of men, 0.4% of women
#124371 Tritanomaly 0.01% of the population

#342ba3 hex color

#342ba3 Color Information

#342ba3 Color Conversion

Color Schemes with #342ba3

Alternatives to #342ba3

#342ba3 Preview

Shades and Tints of #342ba3

Tones of #342ba3

Color Blindness Simulator