#342fb7 hex color

In a RGB color space, hex #342fb7 is composed of 20.4% red, 18.4% green and 71.8% blue. Whereas in a CMYK color space, it is composed of 71.6% cyan, 74.3% magenta, 0% yellow and 28.2% black. It has a hue angle of 242.2 degrees, a saturation of 59.1% and a lightness of 45.1%. #342fb7 color hex could be obtained by blending #685eff with #00006f. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 20
- G 18
- B 72
RGB color chart
- C 72
- M 74
- Y 0
- K 28
CMYK color chart

● #342fb7 color description : Moderate blue.

The hexadecimal color #342fb7 has RGB values of R:52, G:47, B:183 and CMYK values of C:0.72, M:0.74, Y:0, K:0.28. Its decimal value is 3420087.

Hex triplet	342fb7	`#342fb7`
RGB Decimal	52, 47, 183	`rgb(52,47,183)`
RGB Percent	20.4, 18.4, 71.8	`rgb(20.4%,18.4%,71.8%)`
CMYK	72, 74, 0, 28
HSL	242.2°, 59.1, 45.1	`hsl(242.2,59.1%,45.1%)`
HSV (or HSB)	242.2°, 74.3, 71.8
Web Safe	3333cc	`#3333cc`

CIE-LAB	29.866, 45.805, -70.35
XYZ	10.978, 6.181, 45.412
xyY	0.175, 0.099, 6.181
CIE-LCH	29.866, 83.948, 303.068
CIE-LUV	29.866, -5.753, -91.81
Hunter-Lab	24.862, 35.309, -90.891
Binary	00110100, 00101111, 10110111

#342fb7
```
#342fb7 rgb(52,47,183)
```
#b2b72f
```
#b2b72f rgb(178,183,47)
```

Complementary Color

#2f6eb7
```
#2f6eb7 rgb(47,110,183)
```
#342fb7
```
#342fb7 rgb(52,47,183)
```
#782fb7
```
#782fb7 rgb(120,47,183)
```

Analogous Color

#6eb72f
```
#6eb72f rgb(110,183,47)
```
#342fb7
```
#342fb7 rgb(52,47,183)
```
#b7782f
```
#b7782f rgb(183,120,47)
```

Split Complementary Color

#2fb734
```
#2fb734 rgb(47,183,52)
```
#342fb7
```
#342fb7 rgb(52,47,183)
```
#b7342f
```
#b7342f rgb(183,52,47)
```

Triadic Color

#2fb2b7
```
#2fb2b7 rgb(47,178,183)
```
#342fb7
```
#342fb7 rgb(52,47,183)
```
#b7342f
```
#b7342f rgb(183,52,47)
```
#b2b72f
```
#b2b72f rgb(178,183,47)
```

Tetradic Color

#231f7a
```
#231f7a rgb(35,31,122)
```
#28258e
```
#28258e rgb(40,37,142)
```
#2e2aa3
```
#2e2aa3 rgb(46,42,163)
```
#342fb7
```
#342fb7 rgb(52,47,183)
```
#3a35cb
```
#3a35cb rgb(58,53,203)
```
#4e49d0
```
#4e49d0 rgb(78,73,208)
```
#625dd5
```
#625dd5 rgb(98,93,213)
```

Monochromatic Color

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

#2f4cb7
```
#2f4cb7 rgb(47,76,183)
```
#2f41b7
```
#2f41b7 rgb(47,65,183)
```
#2f35b7
```
#2f35b7 rgb(47,53,183)
```
#342fb7
```
#342fb7 rgb(52,47,183)
```
#3f2fb7
```
#3f2fb7 rgb(63,47,183)
```
#4b2fb7
```
#4b2fb7 rgb(75,47,183)
```
#562fb7
```
#562fb7 rgb(86,47,183)
```

Similar Colors

Text with hexadecimal color #342fb7

This text has a font color of #342fb7.

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

#342fb7 background color

This paragraph has a background color of #342fb7.

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

#342fb7 border color

This element has a border color of #342fb7.

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

CSS codes

.text {color:#342fb7;}

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

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

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, #03030b is the darkest color, while #fbfbfe is the lightest one.

#03030b
```
#03030b rgb(3,3,11)
```
#08071b
```
#08071b rgb(8,7,27)
```
#0c0b2b
```
#0c0b2b rgb(12,11,43)
```
#110f3a
```
#110f3a rgb(17,15,58)
```
#15134a
```
#15134a rgb(21,19,74)
```
#191759
```
#191759 rgb(25,23,89)
```
#1e1b69
```
#1e1b69 rgb(30,27,105)
```
#221f79
```
#221f79 rgb(34,31,121)
```
#272388
```
#272388 rgb(39,35,136)
```
#2b2798
```
#2b2798 rgb(43,39,152)
```
#302ba7
```
#302ba7 rgb(48,43,167)
```
#342fb7
```
#342fb7 rgb(52,47,183)
```
#3833c7
```
#3833c7 rgb(56,51,199)
```

Shade Color Variation

#453fce
```
#453fce rgb(69,63,206)
```
#544fd2
```
#544fd2 rgb(84,79,210)
```
#635fd6
```
#635fd6 rgb(99,95,214)
```
#726eda
```
#726eda rgb(114,110,218)
```
#817ede
```
#817ede rgb(129,126,222)
```
#918de2
```
#918de2 rgb(145,141,226)
```
#a09de6
```
#a09de6 rgb(160,157,230)
```
#afadea
```
#afadea rgb(175,173,234)
```
#bebcee
```
#bebcee rgb(190,188,238)
```
#cdccf2
```
#cdccf2 rgb(205,204,242)
```
#dcdcf6
```
#dcdcf6 rgb(220,220,246)
```
#ecebfa
```
#ecebfa rgb(236,235,250)
```
#fbfbfe
```
#fbfbfe rgb(251,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6d6d79 is the less saturated color, while #0b03e3 is the most saturated one.

#6d6d79
```
#6d6d79 rgb(109,109,121)
```
#656482
```
#656482 rgb(101,100,130)
```
#5d5b8b
```
#5d5b8b rgb(93,91,139)
```
#555294
```
#555294 rgb(85,82,148)
```
#4d4a9c
```
#4d4a9c rgb(77,74,156)
```
#4441a5
```
#4441a5 rgb(68,65,165)
```
#3c38ae
```
#3c38ae rgb(60,56,174)
```
#342fb7
```
#342fb7 rgb(52,47,183)
```
#2c26c0
```
#2c26c0 rgb(44,38,192)
```
#241dc9
```
#241dc9 rgb(36,29,201)
```
#1b14d2
```
#1b14d2 rgb(27,20,210)
```
#130cda
```
#130cda rgb(19,12,218)
```
#0b03e3
```
#0b03e3 rgb(11,3,227)
```

Tone Color Variation

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

Dichromacy

#004d97 Protanopia 1% of men
#005283 Deuteranopia 1% of men
#00575c Tritanopia 0.001% of the population

Trichromacy

#1242a2 Protanomaly 1% of men, 0.01% of women
#124595 Deuteranomaly 6% of men, 0.4% of women
#12497d Tritanomaly 0.01% of the population

#342fb7 hex color

#342fb7 Color Information

#342fb7 Color Conversion

Color Schemes with #342fb7

Alternatives to #342fb7

#342fb7 Preview

Shades and Tints of #342fb7

Tones of #342fb7

Color Blindness Simulator