#3340e2 hex color

In a RGB color space, hex #3340e2 is composed of 20% red, 25.1% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 77.4% cyan, 71.7% magenta, 0% yellow and 11.4% black. It has a hue angle of 235.5 degrees, a saturation of 75.1% and a lightness of 54.3%. #3340e2 color hex could be obtained by blending #6680ff with #0000c5. Closest websafe color is: #3333cc.

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

● #3340e2 color description : Bright blue.

The hexadecimal color #3340e2 has RGB values of R:51, G:64, B:226 and CMYK values of C:0.77, M:0.72, Y:0, K:0.11. Its decimal value is 3358946.

Hex triplet	3340e2	`#3340e2`
RGB Decimal	51, 64, 226	`rgb(51,64,226)`
RGB Percent	20, 25.1, 88.6	`rgb(20%,25.1%,88.6%)`
CMYK	77, 72, 0, 11
HSL	235.5°, 75.1, 54.3	`hsl(235.5,75.1%,54.3%)`
HSV (or HSB)	235.5°, 77.4, 88.6
Web Safe	3333cc	`#3333cc`

CIE-LAB	37.591, 50.294, -82.615
XYZ	16.923, 9.86, 72.959
xyY	0.17, 0.099, 9.86
CIE-LCH	37.591, 96.719, 301.332
CIE-LUV	37.591, -10.468, -115.844
Hunter-Lab	31.401, 41.248, -115.775
Binary	00110011, 01000000, 11100010

#3340e2
```
#3340e2 rgb(51,64,226)
```
#e2d533
```
#e2d533 rgb(226,213,51)
```

Complementary Color

#3398e2
```
#3398e2 rgb(51,152,226)
```
#3340e2
```
#3340e2 rgb(51,64,226)
```
#7e33e2
```
#7e33e2 rgb(126,51,226)
```

Analogous Color

#98e233
```
#98e233 rgb(152,226,51)
```
#3340e2
```
#3340e2 rgb(51,64,226)
```
#e27e33
```
#e27e33 rgb(226,126,51)
```

Split Complementary Color

#40e233
```
#40e233 rgb(64,226,51)
```
#3340e2
```
#3340e2 rgb(51,64,226)
```
#e23340
```
#e23340 rgb(226,51,64)
```

Triadic Color

#33e2d5
```
#33e2d5 rgb(51,226,213)
```
#3340e2
```
#3340e2 rgb(51,64,226)
```
#e23340
```
#e23340 rgb(226,51,64)
```
#e2d533
```
#e2d533 rgb(226,213,51)
```

Tetradic Color

#1924b0
```
#1924b0 rgb(25,36,176)
```
#1c29c6
```
#1c29c6 rgb(28,41,198)
```
#1f2ddc
```
#1f2ddc rgb(31,45,220)
```
#3340e2
```
#3340e2 rgb(51,64,226)
```
#4955e5
```
#4955e5 rgb(73,85,229)
```
#606ae8
```
#606ae8 rgb(96,106,232)
```
#767fec
```
#767fec rgb(118,127,236)
```

Monochromatic Color

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

#336ce2
```
#336ce2 rgb(51,108,226)
```
#335de2
```
#335de2 rgb(51,93,226)
```
#334fe2
```
#334fe2 rgb(51,79,226)
```
#3340e2
```
#3340e2 rgb(51,64,226)
```
#3533e2
```
#3533e2 rgb(53,51,226)
```
#4333e2
```
#4333e2 rgb(67,51,226)
```
#5233e2
```
#5233e2 rgb(82,51,226)
```

Similar Colors

Text with hexadecimal color #3340e2

This text has a font color of #3340e2.

<span style="color:#3340e2;">Text here</span>

#3340e2 background color

This paragraph has a background color of #3340e2.

<p style="background-color:#3340e2;">Content here</p>

#3340e2 border color

This element has a border color of #3340e2.

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

CSS codes

.text {color:#3340e2;}

.background {background-color:#3340e2;}

.border {border:1px solid #3340e2;}

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

#000002
```
#000002 rgb(0,0,2)
```
#030413
```
#030413 rgb(3,4,19)
```
#050824
```
#050824 rgb(5,8,36)
```
#080b36
```
#080b36 rgb(8,11,54)
```
#0a0f47
```
#0a0f47 rgb(10,15,71)
```
#0d1258
```
#0d1258 rgb(13,18,88)
```
#0f1669
```
#0f1669 rgb(15,22,105)
```
#11197a
```
#11197a rgb(17,25,122)
```
#141d8b
```
#141d8b rgb(20,29,139)
```
#16209d
```
#16209d rgb(22,32,157)
```
#1924ae
```
#1924ae rgb(25,36,174)
```
#1b27bf
```
#1b27bf rgb(27,39,191)
```
#1e2bd0
```
#1e2bd0 rgb(30,43,208)
```

Shade Color Variation

#2230e0
```
#2230e0 rgb(34,48,224)
```
#3340e2
```
#3340e2 rgb(51,64,226)
```
#4450e4
```
#4450e4 rgb(68,80,228)
```
#5560e7
```
#5560e7 rgb(85,96,231)
```
#6770e9
```
#6770e9 rgb(103,112,233)
```
#7880ec
```
#7880ec rgb(120,128,236)
```
#8990ee
```
#8990ee rgb(137,144,238)
```
#9aa0f1
```
#9aa0f1 rgb(154,160,241)
```
#abb1f3
```
#abb1f3 rgb(171,177,243)
```
#bcc1f6
```
#bcc1f6 rgb(188,193,246)
```
#ced1f8
```
#ced1f8 rgb(206,209,248)
```
#dfe1fa
```
#dfe1fa rgb(223,225,250)
```
#f0f1fd
```
#f0f1fd rgb(240,241,253)
```

Tint Color Variation

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

#848591
```
#848591 rgb(132,133,145)
```
#7b7d9a
```
#7b7d9a rgb(123,125,154)
```
#7275a3
```
#7275a3 rgb(114,117,163)
```
#696eac
```
#696eac rgb(105,110,172)
```
#6066b5
```
#6066b5 rgb(96,102,181)
```
#575fbe
```
#575fbe rgb(87,95,190)
```
#4e57c7
```
#4e57c7 rgb(78,87,199)
```
#454fd0
```
#454fd0 rgb(69,79,208)
```
#3c48d9
```
#3c48d9 rgb(60,72,217)
```
#3340e2
```
#3340e2 rgb(51,64,226)
```
#2a38eb
```
#2a38eb rgb(42,56,235)
```
#2131f4
```
#2131f4 rgb(33,49,244)
```
#1829fd
```
#1829fd rgb(24,41,253)
```

Tone Color Variation

Below, you can see how #3340e2 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

#4f4f4f Achromatopsia 0.005% of the population
#494c6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#005eb7 Protanopia 1% of men
#00639f Deuteranopia 1% of men
#006a70 Tritanopia 0.001% of the population

Trichromacy

#1253c6 Protanomaly 1% of men, 0.01% of women
#1256b7 Deuteranomaly 6% of men, 0.4% of women
#125b99 Tritanomaly 0.01% of the population

#3340e2 hex color

#3340e2 Color Information

#3340e2 Color Conversion

Color Schemes with #3340e2

Alternatives to #3340e2

#3340e2 Preview

Shades and Tints of #3340e2

Tones of #3340e2

Color Blindness Simulator