#3342e4 hex color

In a RGB color space, hex #3342e4 is composed of 20% red, 25.9% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 77.6% cyan, 71.1% magenta, 0% yellow and 10.6% black. It has a hue angle of 234.9 degrees, a saturation of 76.6% and a lightness of 54.7%. #3342e4 color hex could be obtained by blending #6684ff with #0000c9. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 20
- G 26
- B 89
RGB color chart
- C 78
- M 71
- Y 0
- K 11
CMYK color chart

● #3342e4 color description : Bright blue.

The hexadecimal color #3342e4 has RGB values of R:51, G:66, B:228 and CMYK values of C:0.78, M:0.71, Y:0, K:0.11. Its decimal value is 3359460.

Hex triplet	3342e4	`#3342e4`
RGB Decimal	51, 66, 228	`rgb(51,66,228)`
RGB Percent	20, 25.9, 89.4	`rgb(20%,25.9%,89.4%)`
CMYK	78, 71, 0, 11
HSL	234.9°, 76.6, 54.7	`hsl(234.9,76.6%,54.7%)`
HSV (or HSB)	234.9°, 77.6, 89.4
Web Safe	3333cc	`#3333cc`

CIE-LAB	38.2, 49.818, -82.749
XYZ	17.314, 10.201, 74.451
xyY	0.17, 0.1, 10.201
CIE-LCH	38.2, 96.588, 301.049
CIE-LUV	38.2, -10.883, -116.769
Hunter-Lab	31.938, 40.876, -115.854
Binary	00110011, 01000010, 11100100

#3342e4
```
#3342e4 rgb(51,66,228)
```
#e4d533
```
#e4d533 rgb(228,213,51)
```

Complementary Color

#339be4
```
#339be4 rgb(51,155,228)
```
#3342e4
```
#3342e4 rgb(51,66,228)
```
#7d33e4
```
#7d33e4 rgb(125,51,228)
```

Analogous Color

#9be433
```
#9be433 rgb(155,228,51)
```
#3342e4
```
#3342e4 rgb(51,66,228)
```
#e47d33
```
#e47d33 rgb(228,125,51)
```

Split Complementary Color

#42e433
```
#42e433 rgb(66,228,51)
```
#3342e4
```
#3342e4 rgb(51,66,228)
```
#e43342
```
#e43342 rgb(228,51,66)
```

Triadic Color

#33e4d5
```
#33e4d5 rgb(51,228,213)
```
#3342e4
```
#3342e4 rgb(51,66,228)
```
#e43342
```
#e43342 rgb(228,51,66)
```
#e4d533
```
#e4d533 rgb(228,213,51)
```

Tetradic Color

#1825b3
```
#1825b3 rgb(24,37,179)
```
#1b29c9
```
#1b29c9 rgb(27,41,201)
```
#1e2ee0
```
#1e2ee0 rgb(30,46,224)
```
#3342e4
```
#3342e4 rgb(51,66,228)
```
#4a57e7
```
#4a57e7 rgb(74,87,231)
```
#606cea
```
#606cea rgb(96,108,234)
```
#7781ed
```
#7781ed rgb(119,129,237)
```

Monochromatic Color

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

#336ee4
```
#336ee4 rgb(51,110,228)
```
#3360e4
```
#3360e4 rgb(51,96,228)
```
#3351e4
```
#3351e4 rgb(51,81,228)
```
#3342e4
```
#3342e4 rgb(51,66,228)
```
#3333e4
```
#3333e4 rgb(51,51,228)
```
#4233e4
```
#4233e4 rgb(66,51,228)
```
#5033e4
```
#5033e4 rgb(80,51,228)
```

Similar Colors

Text with hexadecimal color #3342e4

This text has a font color of #3342e4.

<span style="color:#3342e4;">Text here</span>

#3342e4 background color

This paragraph has a background color of #3342e4.

<p style="background-color:#3342e4;">Content here</p>

#3342e4 border color

This element has a border color of #3342e4.

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

CSS codes

.text {color:#3342e4;}

.background {background-color:#3342e4;}

.border {border:1px solid #3342e4;}

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

#010104
```
#010104 rgb(1,1,4)
```
#030415
```
#030415 rgb(3,4,21)
```
#050827
```
#050827 rgb(5,8,39)
```
#070b38
```
#070b38 rgb(7,11,56)
```
#0a0f49
```
#0a0f49 rgb(10,15,73)
```
#0c135a
```
#0c135a rgb(12,19,90)
```
#0e166c
```
#0e166c rgb(14,22,108)
```
#111a7d
```
#111a7d rgb(17,26,125)
```
#131d8e
```
#131d8e rgb(19,29,142)
```
#1521a0
```
#1521a0 rgb(21,33,160)
```
#1724b1
```
#1724b1 rgb(23,36,177)
```
#1a28c2
```
#1a28c2 rgb(26,40,194)
```
#1c2cd4
```
#1c2cd4 rgb(28,44,212)
```

Shade Color Variation

#2232e2
```
#2232e2 rgb(34,50,226)
```
#3342e4
```
#3342e4 rgb(51,66,228)
```
#4452e6
```
#4452e6 rgb(68,82,230)
```
#5662e9
```
#5662e9 rgb(86,98,233)
```
#6772eb
```
#6772eb rgb(103,114,235)
```
#7882ed
```
#7882ed rgb(120,130,237)
```
#8a92ef
```
#8a92ef rgb(138,146,239)
```
#9ba2f2
```
#9ba2f2 rgb(155,162,242)
```
#acb2f4
```
#acb2f4 rgb(172,178,244)
```
#bec2f6
```
#bec2f6 rgb(190,194,246)
```
#cfd2f9
```
#cfd2f9 rgb(207,210,249)
```
#e0e2fb
```
#e0e2fb rgb(224,226,251)
```
#f2f3fd
```
#f2f3fd rgb(242,243,253)
```

Tint Color Variation

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

#838494
```
#838494 rgb(131,132,148)
```
#7a7d9d
```
#7a7d9d rgb(122,125,157)
```
#7176a6
```
#7176a6 rgb(113,118,166)
```
#686eaf
```
#686eaf rgb(104,110,175)
```
#5f67b8
```
#5f67b8 rgb(95,103,184)
```
#5760c0
```
#5760c0 rgb(87,96,192)
```
#4e58c9
```
#4e58c9 rgb(78,88,201)
```
#4551d2
```
#4551d2 rgb(69,81,210)
```
#3c49db
```
#3c49db rgb(60,73,219)
```
#3342e4
```
#3342e4 rgb(51,66,228)
```
#2a3bed
```
#2a3bed rgb(42,59,237)
```
#2133f6
```
#2133f6 rgb(33,51,246)
```
#182cff
```
#182cff rgb(24,44,255)
```

Tone Color Variation

Below, you can see how #3342e4 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

#505050 Achromatopsia 0.005% of the population
#4a4d6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fba Protanopia 1% of men
#0065a1 Deuteranopia 1% of men
#006c71 Tritanopia 0.001% of the population

Trichromacy

#1254c9 Protanomaly 1% of men, 0.01% of women
#1258b9 Deuteranomaly 6% of men, 0.4% of women
#125c9b Tritanomaly 0.01% of the population

#3342e4 hex color

#3342e4 Color Information

#3342e4 Color Conversion

Color Schemes with #3342e4

Alternatives to #3342e4

#3342e4 Preview

Shades and Tints of #3342e4

Tones of #3342e4

Color Blindness Simulator