#342fb8 hex color

In a RGB color space, hex #342fb8 is composed of 20.4% red, 18.4% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 71.7% cyan, 74.5% magenta, 0% yellow and 27.8% black. It has a hue angle of 242.2 degrees, a saturation of 59.3% and a lightness of 45.3%. #342fb8 color hex could be obtained by blending #685eff with #000071. 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

● #342fb8 color description : Moderate blue.

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

Hex triplet	342fb8	`#342fb8`
RGB Decimal	52, 47, 184	`rgb(52,47,184)`
RGB Percent	20.4, 18.4, 72.2	`rgb(20.4%,18.4%,72.2%)`
CMYK	72, 74, 0, 28
HSL	242.2°, 59.3, 45.3	`hsl(242.2,59.3%,45.3%)`
HSV (or HSB)	242.2°, 74.5, 72.2
Web Safe	3333cc	`#3333cc`

CIE-LAB	29.969, 46.131, -70.773
XYZ	11.083, 6.223, 45.962
xyY	0.175, 0.098, 6.223
CIE-LCH	29.969, 84.48, 303.097
CIE-LUV	29.969, -5.802, -92.411
Hunter-Lab	24.946, 35.645, -91.776
Binary	00110100, 00101111, 10111000

#342fb8
```
#342fb8 rgb(52,47,184)
```
#b3b82f
```
#b3b82f rgb(179,184,47)
```

Complementary Color

#2f6fb8
```
#2f6fb8 rgb(47,111,184)
```
#342fb8
```
#342fb8 rgb(52,47,184)
```
#792fb8
```
#792fb8 rgb(121,47,184)
```

Analogous Color

#6fb82f
```
#6fb82f rgb(111,184,47)
```
#342fb8
```
#342fb8 rgb(52,47,184)
```
#b8792f
```
#b8792f rgb(184,121,47)
```

Split Complementary Color

#2fb834
```
#2fb834 rgb(47,184,52)
```
#342fb8
```
#342fb8 rgb(52,47,184)
```
#b8342f
```
#b8342f rgb(184,52,47)
```

Triadic Color

#2fb3b8
```
#2fb3b8 rgb(47,179,184)
```
#342fb8
```
#342fb8 rgb(52,47,184)
```
#b8342f
```
#b8342f rgb(184,52,47)
```
#b3b82f
```
#b3b82f rgb(179,184,47)
```

Tetradic Color

#231f7b
```
#231f7b rgb(35,31,123)
```
#29258f
```
#29258f rgb(41,37,143)
```
#2e2aa4
```
#2e2aa4 rgb(46,42,164)
```
#342fb8
```
#342fb8 rgb(52,47,184)
```
#3b35cb
```
#3b35cb rgb(59,53,203)
```
#4e49d1
```
#4e49d1 rgb(78,73,209)
```
#625ed6
```
#625ed6 rgb(98,94,214)
```

Monochromatic Color

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

#2f4cb8
```
#2f4cb8 rgb(47,76,184)
```
#2f41b8
```
#2f41b8 rgb(47,65,184)
```
#2f35b8
```
#2f35b8 rgb(47,53,184)
```
#342fb8
```
#342fb8 rgb(52,47,184)
```
#3f2fb8
```
#3f2fb8 rgb(63,47,184)
```
#4b2fb8
```
#4b2fb8 rgb(75,47,184)
```
#562fb8
```
#562fb8 rgb(86,47,184)
```

Similar Colors

Text with hexadecimal color #342fb8

This text has a font color of #342fb8.

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

#342fb8 background color

This paragraph has a background color of #342fb8.

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

#342fb8 border color

This element has a border color of #342fb8.

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

CSS codes

.text {color:#342fb8;}

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

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

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

#03030c
```
#03030c rgb(3,3,12)
```
#08071c
```
#08071c rgb(8,7,28)
```
#0c0b2b
```
#0c0b2b rgb(12,11,43)
```
#110f3b
```
#110f3b rgb(17,15,59)
```
#15134b
```
#15134b rgb(21,19,75)
```
#1a175a
```
#1a175a rgb(26,23,90)
```
#1e1b6a
```
#1e1b6a rgb(30,27,106)
```
#221f7a
```
#221f7a rgb(34,31,122)
```
#272389
```
#272389 rgb(39,35,137)
```
#2b2799
```
#2b2799 rgb(43,39,153)
```
#302ba8
```
#302ba8 rgb(48,43,168)
```
#342fb8
```
#342fb8 rgb(52,47,184)
```
#3833c8
```
#3833c8 rgb(56,51,200)
```

Shade Color Variation

#4540ce
```
#4540ce rgb(69,64,206)
```
#5450d2
```
#5450d2 rgb(84,80,210)
```
#645fd6
```
#645fd6 rgb(100,95,214)
```
#736fda
```
#736fda rgb(115,111,218)
```
#827fde
```
#827fde rgb(130,127,222)
```
#918ee2
```
#918ee2 rgb(145,142,226)
```
#a09ee6
```
#a09ee6 rgb(160,158,230)
```
#b0adea
```
#b0adea rgb(176,173,234)
```
#bfbdee
```
#bfbdee rgb(191,189,238)
```
#cecdf2
```
#cecdf2 rgb(206,205,242)
```
#dddcf6
```
#dddcf6 rgb(221,220,246)
```
#ececfa
```
#ececfa rgb(236,236,250)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

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

#6e6d7a
```
#6e6d7a rgb(110,109,122)
```
#656483
```
#656483 rgb(101,100,131)
```
#5d5b8c
```
#5d5b8c rgb(93,91,140)
```
#555394
```
#555394 rgb(85,83,148)
```
#4d4a9d
```
#4d4a9d rgb(77,74,157)
```
#4441a6
```
#4441a6 rgb(68,65,166)
```
#3c38af
```
#3c38af rgb(60,56,175)
```
#342fb8
```
#342fb8 rgb(52,47,184)
```
#2c26c1
```
#2c26c1 rgb(44,38,193)
```
#241dca
```
#241dca rgb(36,29,202)
```
#1b14d3
```
#1b14d3 rgb(27,20,211)
```
#130bdc
```
#130bdc rgb(19,11,220)
```
#0b03e4
```
#0b03e4 rgb(11,3,228)
```

Tone Color Variation

Below, you can see how #342fb8 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
#00585c Tritanopia 0.001% of the population

Trichromacy

#1242a3 Protanomaly 1% of men, 0.01% of women
#124596 Deuteranomaly 6% of men, 0.4% of women
#12497e Tritanomaly 0.01% of the population

#342fb8 hex color

#342fb8 Color Information

#342fb8 Color Conversion

Color Schemes with #342fb8

Alternatives to #342fb8

#342fb8 Preview

Shades and Tints of #342fb8

Tones of #342fb8

Color Blindness Simulator