#3342eb hex color

In a RGB color space, hex #3342eb is composed of 20% red, 25.9% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 78.3% cyan, 71.9% magenta, 0% yellow and 7.8% black. It has a hue angle of 235.1 degrees, a saturation of 82.1% and a lightness of 56.1%. #3342eb color hex could be obtained by blending #6684ff with #0000d7. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 20
- G 26
- B 92
RGB color chart
- C 78
- M 72
- Y 0
- K 8
CMYK color chart

● #3342eb color description : Bright blue.

The hexadecimal color #3342eb has RGB values of R:51, G:66, B:235 and CMYK values of C:0.78, M:0.72, Y:0, K:0.08. Its decimal value is 3359467.

Hex triplet	3342eb	`#3342eb`
RGB Decimal	51, 66, 235	`rgb(51,66,235)`
RGB Percent	20, 25.9, 92.2	`rgb(20%,25.9%,92.2%)`
CMYK	78, 72, 0, 8
HSL	235.1°, 82.1, 56.1	`hsl(235.1,82.1%,56.1%)`
HSV (or HSB)	235.1°, 78.3, 92.2
Web Safe	3333ff	`#3333ff`

CIE-LAB	38.894, 52.139, -85.581
XYZ	18.306, 10.597, 79.673
xyY	0.169, 0.098, 10.597
CIE-LCH	38.894, 100.212, 301.351
CIE-LUV	38.894, -11.094, -120.957
Hunter-Lab	32.553, 43.408, -122.324
Binary	00110011, 01000010, 11101011

#3342eb
```
#3342eb rgb(51,66,235)
```
#ebdc33
```
#ebdc33 rgb(235,220,51)
```

Complementary Color

#339eeb
```
#339eeb rgb(51,158,235)
```
#3342eb
```
#3342eb rgb(51,66,235)
```
#8033eb
```
#8033eb rgb(128,51,235)
```

Analogous Color

#9eeb33
```
#9eeb33 rgb(158,235,51)
```
#3342eb
```
#3342eb rgb(51,66,235)
```
#eb8033
```
#eb8033 rgb(235,128,51)
```

Split Complementary Color

#42eb33
```
#42eb33 rgb(66,235,51)
```
#3342eb
```
#3342eb rgb(51,66,235)
```
#eb3342
```
#eb3342 rgb(235,51,66)
```

Triadic Color

#33ebdc
```
#33ebdc rgb(51,235,220)
```
#3342eb
```
#3342eb rgb(51,66,235)
```
#eb3342
```
#eb3342 rgb(235,51,66)
```
#ebdc33
```
#ebdc33 rgb(235,220,51)
```

Tetradic Color

#1321bf
```
#1321bf rgb(19,33,191)
```
#1525d6
```
#1525d6 rgb(21,37,214)
```
#1c2ce9
```
#1c2ce9 rgb(28,44,233)
```
#3342eb
```
#3342eb rgb(51,66,235)
```
#4a58ed
```
#4a58ed rgb(74,88,237)
```
#616df0
```
#616df0 rgb(97,109,240)
```
#7983f2
```
#7983f2 rgb(121,131,242)
```

Monochromatic Color

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

#3370eb
```
#3370eb rgb(51,112,235)
```
#3361eb
```
#3361eb rgb(51,97,235)
```
#3351eb
```
#3351eb rgb(51,81,235)
```
#3342eb
```
#3342eb rgb(51,66,235)
```
#3333eb
```
#3333eb rgb(51,51,235)
```
#4333eb
```
#4333eb rgb(67,51,235)
```
#5233eb
```
#5233eb rgb(82,51,235)
```

Similar Colors

Text with hexadecimal color #3342eb

This text has a font color of #3342eb.

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

#3342eb background color

This paragraph has a background color of #3342eb.

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

#3342eb border color

This element has a border color of #3342eb.

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

CSS codes

.text {color:#3342eb;}

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

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

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, #01020a is the darkest color, while #f8f8fe is the lightest one.

#01020a
```
#01020a rgb(1,2,10)
```
#03051c
```
#03051c rgb(3,5,28)
```
#05082e
```
#05082e rgb(5,8,46)
```
#060b40
```
#060b40 rgb(6,11,64)
```
#080e52
```
#080e52 rgb(8,14,82)
```
#0a1164
```
#0a1164 rgb(10,17,100)
```
#0c1476
```
#0c1476 rgb(12,20,118)
```
#0d1787
```
#0d1787 rgb(13,23,135)
```
#0f1a99
```
#0f1a99 rgb(15,26,153)
```
#111dab
```
#111dab rgb(17,29,171)
```
#1320bd
```
#1320bd rgb(19,32,189)
```
#1423cf
```
#1423cf rgb(20,35,207)
```
#1627e1
```
#1627e1 rgb(22,39,225)
```

Shade Color Variation

#2131e9
```
#2131e9 rgb(33,49,233)
```
#3342eb
```
#3342eb rgb(51,66,235)
```
#4553ed
```
#4553ed rgb(69,83,237)
```
#5763ef
```
#5763ef rgb(87,99,239)
```
#6974f0
```
#6974f0 rgb(105,116,240)
```
#7a84f2
```
#7a84f2 rgb(122,132,242)
```
#8c95f4
```
#8c95f4 rgb(140,149,244)
```
#9ea5f6
```
#9ea5f6 rgb(158,165,246)
```
#b0b6f7
```
#b0b6f7 rgb(176,182,247)
```
#c2c6f9
```
#c2c6f9 rgb(194,198,249)
```
#d4d7fb
```
#d4d7fb rgb(212,215,251)
```
#e6e8fd
```
#e6e8fd rgb(230,232,253)
```
#f8f8fe
```
#f8f8fe rgb(248,248,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #898a95 is the less saturated color, while #2234fc is the most saturated one.

#898a95
```
#898a95 rgb(137,138,149)
```
#81839d
```
#81839d rgb(129,131,157)
```
#787ca6
```
#787ca6 rgb(120,124,166)
```
#6f74af
```
#6f74af rgb(111,116,175)
```
#676db7
```
#676db7 rgb(103,109,183)
```
#5e66c0
```
#5e66c0 rgb(94,102,192)
```
#555fc9
```
#555fc9 rgb(85,95,201)
```
#4d58d1
```
#4d58d1 rgb(77,88,209)
```
#4450da
```
#4450da rgb(68,80,218)
```
#3c49e2
```
#3c49e2 rgb(60,73,226)
```
#3342eb
```
#3342eb rgb(51,66,235)
```
#2a3bf4
```
#2a3bf4 rgb(42,59,244)
```
#2234fc
```
#2234fc rgb(34,52,252)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#4b4e70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0061bd Protanopia 1% of men
#0066a3 Deuteranopia 1% of men
#006e73 Tritanopia 0.001% of the population

Trichromacy

#1255cd Protanomaly 1% of men, 0.01% of women
#1259bd Deuteranomaly 6% of men, 0.4% of women
#125e9e Tritanomaly 0.01% of the population

#3342eb hex color

#3342eb Color Information

#3342eb Color Conversion

Color Schemes with #3342eb

Alternatives to #3342eb

#3342eb Preview

Shades and Tints of #3342eb

Tones of #3342eb

Color Blindness Simulator