#342aef hex color

In a RGB color space, hex #342aef is composed of 20.4% red, 16.5% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 78.2% cyan, 82.4% magenta, 0% yellow and 6.3% black. It has a hue angle of 243 degrees, a saturation of 86% and a lightness of 55.1%. #342aef color hex could be obtained by blending #6854ff with #0000df. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 20
- G 16
- B 94
RGB color chart
- C 78
- M 82
- Y 0
- K 6
CMYK color chart

● #342aef color description : Bright blue.

The hexadecimal color #342aef has RGB values of R:52, G:42, B:239 and CMYK values of C:0.78, M:0.82, Y:0, K:0.06. Its decimal value is 3418863.

Hex triplet	342aef	`#342aef`
RGB Decimal	52, 42, 239	`rgb(52,42,239)`
RGB Percent	20.4, 16.5, 93.7	`rgb(20.4%,16.5%,93.7%)`
CMYK	78, 82, 0, 6
HSL	243°, 86, 55.1	`hsl(243,86%,55.1%)`
HSV (or HSB)	243°, 82.4, 93.7
Web Safe	3333ff	`#3333ff`

CIE-LAB	35.236, 65.333, -93.906
XYZ	17.821, 8.617, 82.381
xyY	0.164, 0.079, 8.617
CIE-LCH	35.236, 114.397, 304.827
CIE-LUV	35.236, -7.794, -124.417
Hunter-Lab	29.354, 56.997, -145.844
Binary	00110100, 00101010, 11101111

#342aef
```
#342aef rgb(52,42,239)
```
#e5ef2a
```
#e5ef2a rgb(229,239,42)
```

Complementary Color

#2a83ef
```
#2a83ef rgb(42,131,239)
```
#342aef
```
#342aef rgb(52,42,239)
```
#972aef
```
#972aef rgb(151,42,239)
```

Analogous Color

#83ef2a
```
#83ef2a rgb(131,239,42)
```
#342aef
```
#342aef rgb(52,42,239)
```
#ef972a
```
#ef972a rgb(239,151,42)
```

Split Complementary Color

#2aef34
```
#2aef34 rgb(42,239,52)
```
#342aef
```
#342aef rgb(52,42,239)
```
#ef342a
```
#ef342a rgb(239,52,42)
```

Triadic Color

#2ae5ef
```
#2ae5ef rgb(42,229,239)
```
#342aef
```
#342aef rgb(52,42,239)
```
#ef342a
```
#ef342a rgb(239,52,42)
```
#e5ef2a
```
#e5ef2a rgb(229,239,42)
```

Tetradic Color

#170ebe
```
#170ebe rgb(23,14,190)
```
#1a10d6
```
#1a10d6 rgb(26,16,214)
```
#1d12ed
```
#1d12ed rgb(29,18,237)
```
#342aef
```
#342aef rgb(52,42,239)
```
#4b42f1
```
#4b42f1 rgb(75,66,241)
```
#6159f3
```
#6159f3 rgb(97,89,243)
```
#7871f4
```
#7871f4 rgb(120,113,244)
```

Monochromatic Color

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

#2a51ef
```
#2a51ef rgb(42,81,239)
```
#2a41ef
```
#2a41ef rgb(42,65,239)
```
#2a30ef
```
#2a30ef rgb(42,48,239)
```
#342aef
```
#342aef rgb(52,42,239)
```
#442aef
```
#442aef rgb(68,42,239)
```
#552aef
```
#552aef rgb(85,42,239)
```
#652aef
```
#652aef rgb(101,42,239)
```

Similar Colors

Text with hexadecimal color #342aef

This text has a font color of #342aef.

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

#342aef background color

This paragraph has a background color of #342aef.

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

#342aef border color

This element has a border color of #342aef.

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

CSS codes

.text {color:#342aef;}

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

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

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

#010006
```
#010006 rgb(1,0,6)
```
#030218
```
#030218 rgb(3,2,24)
```
#05032a
```
#05032a rgb(5,3,42)
```
#07053d
```
#07053d rgb(7,5,61)
```
#0a064f
```
#0a064f rgb(10,6,79)
```
#0c0761
```
#0c0761 rgb(12,7,97)
```
#0e0973
```
#0e0973 rgb(14,9,115)
```
#100a86
```
#100a86 rgb(16,10,134)
```
#130b98
```
#130b98 rgb(19,11,152)
```
#150daa
```
#150daa rgb(21,13,170)
```
#170ebc
```
#170ebc rgb(23,14,188)
```
#1910cf
```
#1910cf rgb(25,16,207)
```
#1b11e1
```
#1b11e1 rgb(27,17,225)
```

Shade Color Variation

#2318ee
```
#2318ee rgb(35,24,238)
```
#342aef
```
#342aef rgb(52,42,239)
```
#453cf0
```
#453cf0 rgb(69,60,240)
```
#574ef2
```
#574ef2 rgb(87,78,242)
```
#6861f3
```
#6861f3 rgb(104,97,243)
```
#7a73f4
```
#7a73f4 rgb(122,115,244)
```
#8b85f6
```
#8b85f6 rgb(139,133,246)
```
#9c97f7
```
#9c97f7 rgb(156,151,247)
```
#aeaaf9
```
#aeaaf9 rgb(174,170,249)
```
#bfbcfa
```
#bfbcfa rgb(191,188,250)
```
#d0cefb
```
#d0cefb rgb(208,206,251)
```
#e2e0fd
```
#e2e0fd rgb(226,224,253)
```
#f3f3fe
```
#f3f3fe rgb(243,243,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8b8b8e is the less saturated color, while #2c21f8 is the most saturated one.

#8b8b8e
```
#8b8b8e rgb(139,139,142)
```
#838297
```
#838297 rgb(131,130,151)
```
#7b79a0
```
#7b79a0 rgb(123,121,160)
```
#7370a9
```
#7370a9 rgb(115,112,169)
```
#6b68b1
```
#6b68b1 rgb(107,104,177)
```
#635fba
```
#635fba rgb(99,95,186)
```
#5c56c3
```
#5c56c3 rgb(92,86,195)
```
#544dcc
```
#544dcc rgb(84,77,204)
```
#4c44d5
```
#4c44d5 rgb(76,68,213)
```
#443cdd
```
#443cdd rgb(68,60,221)
```
#3c33e6
```
#3c33e6 rgb(60,51,230)
```
#342aef
```
#342aef rgb(52,42,239)
```
#2c21f8
```
#2c21f8 rgb(44,33,248)
```

Tone Color Variation

Below, you can see how #342aef 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
#403e65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059ad Protanopia 1% of men
#005e95 Deuteranopia 1% of men
#006569 Tritanopia 0.001% of the population

Trichromacy

#1248c5 Protanomaly 1% of men, 0.01% of women
#124bb6 Deuteranomaly 6% of men, 0.4% of women
#124f9a Tritanomaly 0.01% of the population

#342aef hex color

#342aef Color Information

#342aef Color Conversion

Color Schemes with #342aef

Alternatives to #342aef

#342aef Preview

Shades and Tints of #342aef

Tones of #342aef

Color Blindness Simulator