#342be3 hex color

In a RGB color space, hex #342be3 is composed of 20.4% red, 16.9% green and 89% blue. Whereas in a CMYK color space, it is composed of 77.1% cyan, 81.1% magenta, 0% yellow and 11% black. It has a hue angle of 242.9 degrees, a saturation of 76.7% and a lightness of 52.9%. #342be3 color hex could be obtained by blending #6856ff with #0000c7. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 20
- G 17
- B 89
RGB color chart
- C 77
- M 81
- Y 0
- K 11
CMYK color chart

● #342be3 color description : Bright blue.

The hexadecimal color #342be3 has RGB values of R:52, G:43, B:227 and CMYK values of C:0.77, M:0.81, Y:0, K:0.11. Its decimal value is 3419107.

Hex triplet	342be3	`#342be3`
RGB Decimal	52, 43, 227	`rgb(52,43,227)`
RGB Percent	20.4, 16.9, 89	`rgb(20.4%,16.9%,89%)`
CMYK	77, 81, 0, 11
HSL	242.9°, 76.7, 52.9	`hsl(242.9,76.7%,52.9%)`
HSV (or HSB)	242.9°, 81.1, 89
Web Safe	3333cc	`#3333cc`

CIE-LAB	33.989, 61.425, -89.147
XYZ	16.142, 8.003, 73.363
xyY	0.166, 0.082, 8.003
CIE-LCH	33.989, 108.26, 304.568
CIE-LUV	33.989, -7.336, -117.61
Hunter-Lab	28.289, 52.349, -133.954
Binary	00110100, 00101011, 11100011

#342be3
```
#342be3 rgb(52,43,227)
```
#dae32b
```
#dae32b rgb(218,227,43)
```

Complementary Color

#2b7ee3
```
#2b7ee3 rgb(43,126,227)
```
#342be3
```
#342be3 rgb(52,43,227)
```
#902be3
```
#902be3 rgb(144,43,227)
```

Analogous Color

#7ee32b
```
#7ee32b rgb(126,227,43)
```
#342be3
```
#342be3 rgb(52,43,227)
```
#e3902b
```
#e3902b rgb(227,144,43)
```

Split Complementary Color

#2be334
```
#2be334 rgb(43,227,52)
```
#342be3
```
#342be3 rgb(52,43,227)
```
#e3342b
```
#e3342b rgb(227,52,43)
```

Triadic Color

#2bdae3
```
#2bdae3 rgb(43,218,227)
```
#342be3
```
#342be3 rgb(52,43,227)
```
#e3342b
```
#e3342b rgb(227,52,43)
```
#dae32b
```
#dae32b rgb(218,227,43)
```

Tetradic Color

#1e17ab
```
#1e17ab rgb(30,23,171)
```
#221ac1
```
#221ac1 rgb(34,26,193)
```
#261dd8
```
#261dd8 rgb(38,29,216)
```
#342be3
```
#342be3 rgb(52,43,227)
```
#4a42e6
```
#4a42e6 rgb(74,66,230)
```
#5f58e9
```
#5f58e9 rgb(95,88,233)
```
#756fec
```
#756fec rgb(117,111,236)
```

Monochromatic Color

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

#2b50e3
```
#2b50e3 rgb(43,80,227)
```
#2b41e3
```
#2b41e3 rgb(43,65,227)
```
#2b31e3
```
#2b31e3 rgb(43,49,227)
```
#342be3
```
#342be3 rgb(52,43,227)
```
#432be3
```
#432be3 rgb(67,43,227)
```
#532be3
```
#532be3 rgb(83,43,227)
```
#622be3
```
#622be3 rgb(98,43,227)
```

Similar Colors

Text with hexadecimal color #342be3

This text has a font color of #342be3.

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

#342be3 background color

This paragraph has a background color of #342be3.

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

#342be3 border color

This element has a border color of #342be3.

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

CSS codes

.text {color:#342be3;}

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

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

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

#02020d
```
#02020d rgb(2,2,13)
```
#05041f
```
#05041f rgb(5,4,31)
```
#080630
```
#080630 rgb(8,6,48)
```
#0b0941
```
#0b0941 rgb(11,9,65)
```
#0e0b53
```
#0e0b53 rgb(14,11,83)
```
#110d64
```
#110d64 rgb(17,13,100)
```
#140f75
```
#140f75 rgb(20,15,117)
```
#171287
```
#171287 rgb(23,18,135)
```
#1b1498
```
#1b1498 rgb(27,20,152)
```
#1e16a9
```
#1e16a9 rgb(30,22,169)
```
#2119bb
```
#2119bb rgb(33,25,187)
```
#241bcc
```
#241bcc rgb(36,27,204)
```
#271ddd
```
#271ddd rgb(39,29,221)
```

Shade Color Variation

#342be3
```
#342be3 rgb(52,43,227)
```
#453ce5
```
#453ce5 rgb(69,60,229)
```
#554ee8
```
#554ee8 rgb(85,78,232)
```
#665fea
```
#665fea rgb(102,95,234)
```
#7670ec
```
#7670ec rgb(118,112,236)
```
#8782ee
```
#8782ee rgb(135,130,238)
```
#9893f1
```
#9893f1 rgb(152,147,241)
```
#a8a4f3
```
#a8a4f3 rgb(168,164,243)
```
#b9b6f5
```
#b9b6f5 rgb(185,182,245)
```
#c9c7f8
```
#c9c7f8 rgb(201,199,248)
```
#dad8fa
```
#dad8fa rgb(218,216,250)
```
#ebeafc
```
#ebeafc rgb(235,234,252)
```
#fbfbfe
```
#fbfbfe rgb(251,251,254)
```

Tint Color Variation

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

#7f7e90
```
#7f7e90 rgb(127,126,144)
```
#777599
```
#777599 rgb(119,117,153)
```
#6e6ca2
```
#6e6ca2 rgb(110,108,162)
```
#6662ac
```
#6662ac rgb(102,98,172)
```
#5e59b5
```
#5e59b5 rgb(94,89,181)
```
#5550be
```
#5550be rgb(85,80,190)
```
#4d47c7
```
#4d47c7 rgb(77,71,199)
```
#453dd1
```
#453dd1 rgb(69,61,209)
```
#3c34da
```
#3c34da rgb(60,52,218)
```
#342be3
```
#342be3 rgb(52,43,227)
```
#2c22ec
```
#2c22ec rgb(44,34,236)
```
#2319f5
```
#2319f5 rgb(35,25,245)
```
#1b0fff
```
#1b0fff rgb(27,15,255)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#403e63 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#1246bd Protanomaly 1% of men, 0.01% of women
#1249ae Deuteranomaly 6% of men, 0.4% of women
#124d93 Tritanomaly 0.01% of the population

#342be3 hex color

#342be3 Color Information

#342be3 Color Conversion

Color Schemes with #342be3

Alternatives to #342be3

#342be3 Preview

Shades and Tints of #342be3

Tones of #342be3

Color Blindness Simulator