#342fdc hex color

In a RGB color space, hex #342fdc is composed of 20.4% red, 18.4% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 76.4% cyan, 78.6% magenta, 0% yellow and 13.7% black. It has a hue angle of 241.7 degrees, a saturation of 71.2% and a lightness of 52.4%. #342fdc color hex could be obtained by blending #685eff with #0000b9. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 20
- G 18
- B 86
RGB color chart
- C 76
- M 79
- Y 0
- K 14
CMYK color chart

● #342fdc color description : Bright blue.

The hexadecimal color #342fdc has RGB values of R:52, G:47, B:220 and CMYK values of C:0.76, M:0.79, Y:0, K:0.14. Its decimal value is 3420124.

Hex triplet	342fdc	`#342fdc`
RGB Decimal	52, 47, 220	`rgb(52,47,220)`
RGB Percent	20.4, 18.4, 86.3	`rgb(20.4%,18.4%,86.3%)`
CMYK	76, 79, 0, 14
HSL	241.7°, 71.2, 52.4	`hsl(241.7,71.2%,52.4%)`
HSV (or HSB)	241.7°, 78.6, 86.3
Web Safe	3333cc	`#3333cc`

CIE-LAB	33.836, 57.469, -85.389
XYZ	15.348, 7.929, 68.428
xyY	0.167, 0.086, 7.929
CIE-LCH	33.836, 102.927, 303.942
CIE-LUV	33.836, -7.497, -113.562
Hunter-Lab	28.159, 48.014, -124.365
Binary	00110100, 00101111, 11011100

#342fdc
```
#342fdc rgb(52,47,220)
```
#d7dc2f
```
#d7dc2f rgb(215,220,47)
```

Complementary Color

#2f81dc
```
#2f81dc rgb(47,129,220)
```
#342fdc
```
#342fdc rgb(52,47,220)
```
#8b2fdc
```
#8b2fdc rgb(139,47,220)
```

Analogous Color

#81dc2f
```
#81dc2f rgb(129,220,47)
```
#342fdc
```
#342fdc rgb(52,47,220)
```
#dc8b2f
```
#dc8b2f rgb(220,139,47)
```

Split Complementary Color

#2fdc34
```
#2fdc34 rgb(47,220,52)
```
#342fdc
```
#342fdc rgb(52,47,220)
```
#dc342f
```
#dc342f rgb(220,52,47)
```

Triadic Color

#2fd7dc
```
#2fd7dc rgb(47,215,220)
```
#342fdc
```
#342fdc rgb(52,47,220)
```
#dc342f
```
#dc342f rgb(220,52,47)
```
#d7dc2f
```
#d7dc2f rgb(215,220,47)
```

Tetradic Color

#1f1ba3
```
#1f1ba3 rgb(31,27,163)
```
#241fb9
```
#241fb9 rgb(36,31,185)
```
#2823cf
```
#2823cf rgb(40,35,207)
```
#342fdc
```
#342fdc rgb(52,47,220)
```
#4945e0
```
#4945e0 rgb(73,69,224)
```
#5f5be3
```
#5f5be3 rgb(95,91,227)
```
#7470e7
```
#7470e7 rgb(116,112,231)
```

Monochromatic Color

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

#2f55dc
```
#2f55dc rgb(47,85,220)
```
#2f47dc
```
#2f47dc rgb(47,71,220)
```
#2f38dc
```
#2f38dc rgb(47,56,220)
```
#342fdc
```
#342fdc rgb(52,47,220)
```
#422fdc
```
#422fdc rgb(66,47,220)
```
#512fdc
```
#512fdc rgb(81,47,220)
```
#5f2fdc
```
#5f2fdc rgb(95,47,220)
```

Similar Colors

Text with hexadecimal color #342fdc

This text has a font color of #342fdc.

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

#342fdc background color

This paragraph has a background color of #342fdc.

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

#342fdc border color

This element has a border color of #342fdc.

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

CSS codes

.text {color:#342fdc;}

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

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

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, #02020a is the darkest color, while #f9f8fe is the lightest one.

#02020a
```
#02020a rgb(2,2,10)
```
#05051b
```
#05051b rgb(5,5,27)
```
#08072c
```
#08072c rgb(8,7,44)
```
#0c0a3d
```
#0c0a3d rgb(12,10,61)
```
#0f0d4d
```
#0f0d4d rgb(15,13,77)
```
#12105e
```
#12105e rgb(18,16,94)
```
#15136f
```
#15136f rgb(21,19,111)
```
#191680
```
#191680 rgb(25,22,128)
```
#1c1891
```
#1c1891 rgb(28,24,145)
```
#1f1ba1
```
#1f1ba1 rgb(31,27,161)
```
#221eb2
```
#221eb2 rgb(34,30,178)
```
#2521c3
```
#2521c3 rgb(37,33,195)
```
#2924d4
```
#2924d4 rgb(41,36,212)
```

Shade Color Variation

#342fdc
```
#342fdc rgb(52,47,220)
```
#4440df
```
#4440df rgb(68,64,223)
```
#5551e2
```
#5551e2 rgb(85,81,226)
```
#6561e4
```
#6561e4 rgb(101,97,228)
```
#7672e7
```
#7672e7 rgb(118,114,231)
```
#8683ea
```
#8683ea rgb(134,131,234)
```
#9694ed
```
#9694ed rgb(150,148,237)
```
#a7a5f0
```
#a7a5f0 rgb(167,165,240)
```
#b7b5f3
```
#b7b5f3 rgb(183,181,243)
```
#c7c6f5
```
#c7c6f5 rgb(199,198,245)
```
#d8d7f8
```
#d8d7f8 rgb(216,215,248)
```
#e8e8fb
```
#e8e8fb rgb(232,232,251)
```
#f9f8fe
```
#f9f8fe rgb(249,248,254)
```

Tint Color Variation

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

#838388
```
#838388 rgb(131,131,136)
```
#7a7a91
```
#7a7a91 rgb(122,122,145)
```
#72709b
```
#72709b rgb(114,112,155)
```
#6967a4
```
#6967a4 rgb(105,103,164)
```
#605ead
```
#605ead rgb(96,94,173)
```
#5754b7
```
#5754b7 rgb(87,84,183)
```
#4e4bc0
```
#4e4bc0 rgb(78,75,192)
```
#4642c9
```
#4642c9 rgb(70,66,201)
```
#3d38d3
```
#3d38d3 rgb(61,56,211)
```
#342fdc
```
#342fdc rgb(52,47,220)
```
#2b26e5
```
#2b26e5 rgb(43,38,229)
```
#221cef
```
#221cef rgb(34,28,239)
```
#1a13f8
```
#1a13f8 rgb(26,19,248)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#414062 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a7 Protanopia 1% of men
#005b90 Deuteranopia 1% of men
#006166 Tritanopia 0.001% of the population

Trichromacy

#1247ba Protanomaly 1% of men, 0.01% of women
#124bac Deuteranomaly 6% of men, 0.4% of women
#124f91 Tritanomaly 0.01% of the population

#342fdc hex color

#342fdc Color Information

#342fdc Color Conversion

Color Schemes with #342fdc

Alternatives to #342fdc

#342fdc Preview

Shades and Tints of #342fdc

Tones of #342fdc

Color Blindness Simulator