#342bd5 hex color

In a RGB color space, hex #342bd5 is composed of 20.4% red, 16.9% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 75.6% cyan, 79.8% magenta, 0% yellow and 16.5% black. It has a hue angle of 243.2 degrees, a saturation of 66.9% and a lightness of 50.2%. #342bd5 color hex could be obtained by blending #6856ff with #0000ab. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 20
- G 17
- B 84
RGB color chart
- C 76
- M 80
- Y 0
- K 16
CMYK color chart

● #342bd5 color description : Strong blue.

The hexadecimal color #342bd5 has RGB values of R:52, G:43, B:213 and CMYK values of C:0.76, M:0.8, Y:0, K:0.16. Its decimal value is 3419093.

Hex triplet	342bd5	`#342bd5`
RGB Decimal	52, 43, 213	`rgb(52,43,213)`
RGB Percent	20.4, 16.9, 83.5	`rgb(20.4%,16.9%,83.5%)`
CMYK	76, 80, 0, 16
HSL	243.2°, 66.9, 50.2	`hsl(243.2,66.9%,50.2%)`
HSV (or HSB)	243.2°, 79.8, 83.5
Web Safe	3333cc	`#3333cc`

CIE-LAB	32.394, 57.262, -83.743
XYZ	14.288, 7.261, 63.596
xyY	0.168, 0.085, 7.261
CIE-LCH	32.394, 101.448, 304.364
CIE-LUV	32.394, -6.663, -109.58
Hunter-Lab	26.946, 47.491, -121.067
Binary	00110100, 00101011, 11010101

#342bd5
```
#342bd5 rgb(52,43,213)
```
#ccd52b
```
#ccd52b rgb(204,213,43)
```

Complementary Color

#2b77d5
```
#2b77d5 rgb(43,119,213)
```
#342bd5
```
#342bd5 rgb(52,43,213)
```
#892bd5
```
#892bd5 rgb(137,43,213)
```

Analogous Color

#77d52b
```
#77d52b rgb(119,213,43)
```
#342bd5
```
#342bd5 rgb(52,43,213)
```
#d5892b
```
#d5892b rgb(213,137,43)
```

Split Complementary Color

#2bd534
```
#2bd534 rgb(43,213,52)
```
#342bd5
```
#342bd5 rgb(52,43,213)
```
#d5342b
```
#d5342b rgb(213,52,43)
```

Triadic Color

#2bccd5
```
#2bccd5 rgb(43,204,213)
```
#342bd5
```
#342bd5 rgb(52,43,213)
```
#d5342b
```
#d5342b rgb(213,52,43)
```
#ccd52b
```
#ccd52b rgb(204,213,43)
```

Tetradic Color

#241e96
```
#241e96 rgb(36,30,150)
```
#2922ab
```
#2922ab rgb(41,34,171)
```
#2e26c0
```
#2e26c0 rgb(46,38,192)
```
#342bd5
```
#342bd5 rgb(52,43,213)
```
#4840d9
```
#4840d9 rgb(72,64,217)
```
#5d56dd
```
#5d56dd rgb(93,86,221)
```
#716be2
```
#716be2 rgb(113,107,226)
```

Monochromatic Color

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

#2b4dd5
```
#2b4dd5 rgb(43,77,213)
```
#2b3ed5
```
#2b3ed5 rgb(43,62,213)
```
#2b30d5
```
#2b30d5 rgb(43,48,213)
```
#342bd5
```
#342bd5 rgb(52,43,213)
```
#422bd5
```
#422bd5 rgb(66,43,213)
```
#502bd5
```
#502bd5 rgb(80,43,213)
```
#5f2bd5
```
#5f2bd5 rgb(95,43,213)
```

Similar Colors

Text with hexadecimal color #342bd5

This text has a font color of #342bd5.

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

#342bd5 background color

This paragraph has a background color of #342bd5.

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

#342bd5 border color

This element has a border color of #342bd5.

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

CSS codes

.text {color:#342bd5;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#040311
```
#040311 rgb(4,3,17)
```
#080722
```
#080722 rgb(8,7,34)
```
#0c0a32
```
#0c0a32 rgb(12,10,50)
```
#100d42
```
#100d42 rgb(16,13,66)
```
#141053
```
#141053 rgb(20,16,83)
```
#181463
```
#181463 rgb(24,20,99)
```
#1c1773
```
#1c1773 rgb(28,23,115)
```
#201a84
```
#201a84 rgb(32,26,132)
```
#241d94
```
#241d94 rgb(36,29,148)
```
#2821a5
```
#2821a5 rgb(40,33,165)
```
#2c24b5
```
#2c24b5 rgb(44,36,181)
```
#2f27c5
```
#2f27c5 rgb(47,39,197)
```

Shade Color Variation

#342bd5
```
#342bd5 rgb(52,43,213)
```
#443bd8
```
#443bd8 rgb(68,59,216)
```
#534cdb
```
#534cdb rgb(83,76,219)
```
#635cdf
```
#635cdf rgb(99,92,223)
```
#736ce2
```
#736ce2 rgb(115,108,226)
```
#827de5
```
#827de5 rgb(130,125,229)
```
#928de8
```
#928de8 rgb(146,141,232)
```
#a29eec
```
#a29eec rgb(162,158,236)
```
#b1aeef
```
#b1aeef rgb(177,174,239)
```
#c1bef2
```
#c1bef2 rgb(193,190,242)
```
#d1cff5
```
#d1cff5 rgb(209,207,245)
```
#e0dff9
```
#e0dff9 rgb(224,223,249)
```
#f0effc
```
#f0effc rgb(240,239,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7a7987 is the less saturated color, while #1104fc is the most saturated one.

#7a7987
```
#7a7987 rgb(122,121,135)
```
#716f91
```
#716f91 rgb(113,111,145)
```
#68669a
```
#68669a rgb(104,102,154)
```
#605ca4
```
#605ca4 rgb(96,92,164)
```
#5752ae
```
#5752ae rgb(87,82,174)
```
#4e48b8
```
#4e48b8 rgb(78,72,184)
```
#453fc1
```
#453fc1 rgb(69,63,193)
```
#3d35cb
```
#3d35cb rgb(61,53,203)
```
#342bd5
```
#342bd5 rgb(52,43,213)
```
#2b21df
```
#2b21df rgb(43,33,223)
```
#2317e9
```
#2317e9 rgb(35,23,233)
```
#1a0ef2
```
#1a0ef2 rgb(26,14,242)
```
#1104fc
```
#1104fc rgb(17,4,252)
```

Tone Color Variation

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

#414141 Achromatopsia 0.005% of the population
#3e3d5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0053a1 Protanopia 1% of men
#00578b Deuteranopia 1% of men
#005e62 Tritanopia 0.001% of the population

Trichromacy

#1244b4 Protanomaly 1% of men, 0.01% of women
#1247a6 Deuteranomaly 6% of men, 0.4% of women
#124b8c Tritanomaly 0.01% of the population

#342bd5 hex color

#342bd5 Color Information

#342bd5 Color Conversion

Color Schemes with #342bd5

Alternatives to #342bd5

#342bd5 Preview

Shades and Tints of #342bd5

Tones of #342bd5

Color Blindness Simulator