#3342ee hex color

In a RGB color space, hex #3342ee is composed of 20% red, 25.9% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 78.6% cyan, 72.3% magenta, 0% yellow and 6.7% black. It has a hue angle of 235.2 degrees, a saturation of 84.6% and a lightness of 56.7%. #3342ee color hex could be obtained by blending #6684ff with #0000dd. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 20
- G 26
- B 93
RGB color chart
- C 79
- M 72
- Y 0
- K 7
CMYK color chart

● #3342ee color description : Bright blue.

The hexadecimal color #3342ee has RGB values of R:51, G:66, B:238 and CMYK values of C:0.79, M:0.72, Y:0, K:0.07. Its decimal value is 3359470.

Hex triplet	3342ee	`#3342ee`
RGB Decimal	51, 66, 238	`rgb(51,66,238)`
RGB Percent	20, 25.9, 93.3	`rgb(20%,25.9%,93.3%)`
CMYK	79, 72, 0, 7
HSL	235.2°, 84.6, 56.7	`hsl(235.2,84.6%,56.7%)`
HSV (or HSB)	235.2°, 78.6, 93.3
Web Safe	3333ff	`#3333ff`

CIE-LAB	39.194, 53.125, -86.782
XYZ	18.743, 10.772, 81.976
xyY	0.168, 0.097, 10.772
CIE-LCH	39.194, 101.752, 301.473
CIE-LUV	39.194, -11.185, -122.739
Hunter-Lab	32.821, 44.5, -125.113
Binary	00110011, 01000010, 11101110

#3342ee
```
#3342ee rgb(51,66,238)
```
#eedf33
```
#eedf33 rgb(238,223,51)
```

Complementary Color

#33a0ee
```
#33a0ee rgb(51,160,238)
```
#3342ee
```
#3342ee rgb(51,66,238)
```
#8233ee
```
#8233ee rgb(130,51,238)
```

Analogous Color

#a0ee33
```
#a0ee33 rgb(160,238,51)
```
#3342ee
```
#3342ee rgb(51,66,238)
```
#ee8233
```
#ee8233 rgb(238,130,51)
```

Split Complementary Color

#42ee33
```
#42ee33 rgb(66,238,51)
```
#3342ee
```
#3342ee rgb(51,66,238)
```
#ee3342
```
#ee3342 rgb(238,51,66)
```

Triadic Color

#33eedf
```
#33eedf rgb(51,238,223)
```
#3342ee
```
#3342ee rgb(51,66,238)
```
#ee3342
```
#ee3342 rgb(238,51,66)
```
#eedf33
```
#eedf33 rgb(238,223,51)
```

Tetradic Color

#101fc4
```
#101fc4 rgb(16,31,196)
```
#1222dc
```
#1222dc rgb(18,34,220)
```
#1b2cec
```
#1b2cec rgb(27,44,236)
```
#3342ee
```
#3342ee rgb(51,66,238)
```
#4b58f0
```
#4b58f0 rgb(75,88,240)
```
#626ef2
```
#626ef2 rgb(98,110,242)
```
#7a83f4
```
#7a83f4 rgb(122,131,244)
```

Monochromatic Color

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

#3371ee
```
#3371ee rgb(51,113,238)
```
#3361ee
```
#3361ee rgb(51,97,238)
```
#3352ee
```
#3352ee rgb(51,82,238)
```
#3342ee
```
#3342ee rgb(51,66,238)
```
#3433ee
```
#3433ee rgb(52,51,238)
```
#4333ee
```
#4333ee rgb(67,51,238)
```
#5333ee
```
#5333ee rgb(83,51,238)
```

Similar Colors

Text with hexadecimal color #3342ee

This text has a font color of #3342ee.

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

#3342ee background color

This paragraph has a background color of #3342ee.

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

#3342ee border color

This element has a border color of #3342ee.

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

CSS codes

.text {color:#3342ee;}

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

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

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

#01020d
```
#01020d rgb(1,2,13)
```
#03051f
```
#03051f rgb(3,5,31)
```
#040831
```
#040831 rgb(4,8,49)
```
#060b44
```
#060b44 rgb(6,11,68)
```
#070d56
```
#070d56 rgb(7,13,86)
```
#091068
```
#091068 rgb(9,16,104)
```
#0a137a
```
#0a137a rgb(10,19,122)
```
#0c168c
```
#0c168c rgb(12,22,140)
```
#0d199e
```
#0d199e rgb(13,25,158)
```
#0f1cb0
```
#0f1cb0 rgb(15,28,176)
```
#101ec2
```
#101ec2 rgb(16,30,194)
```
#1221d4
```
#1221d4 rgb(18,33,212)
```
#1324e7
```
#1324e7 rgb(19,36,231)
```

Shade Color Variation

#2131ec
```
#2131ec rgb(33,49,236)
```
#3342ee
```
#3342ee rgb(51,66,238)
```
#4553f0
```
#4553f0 rgb(69,83,240)
```
#5764f1
```
#5764f1 rgb(87,100,241)
```
#6974f3
```
#6974f3 rgb(105,116,243)
```
#7b85f4
```
#7b85f4 rgb(123,133,244)
```
#8e96f6
```
#8e96f6 rgb(142,150,246)
```
#a0a7f7
```
#a0a7f7 rgb(160,167,247)
```
#b2b7f9
```
#b2b7f9 rgb(178,183,249)
```
#c4c8fa
```
#c4c8fa rgb(196,200,250)
```
#d6d9fc
```
#d6d9fc rgb(214,217,252)
```
#e8eafd
```
#e8eafd rgb(232,234,253)
```
#fafbff
```
#fafbff rgb(250,251,255)
```

Tint Color Variation

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

#888999
```
#888999 rgb(136,137,153)
```
#8082a2
```
#8082a2 rgb(128,130,162)
```
#777baa
```
#777baa rgb(119,123,170)
```
#6f74b3
```
#6f74b3 rgb(111,116,179)
```
#666dbb
```
#666dbb rgb(102,109,187)
```
#5e66c4
```
#5e66c4 rgb(94,102,196)
```
#555fcc
```
#555fcc rgb(85,95,204)
```
#4d57d5
```
#4d57d5 rgb(77,87,213)
```
#4450dd
```
#4450dd rgb(68,80,221)
```
#3c49e6
```
#3c49e6 rgb(60,73,230)
```
#3342ee
```
#3342ee rgb(51,66,238)
```
#2b3bf7
```
#2b3bf7 rgb(43,59,247)
```
#2234ff
```
#2234ff rgb(34,52,255)
```

Tone Color Variation

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

#0061be Protanopia 1% of men
#0067a4 Deuteranopia 1% of men
#006e74 Tritanopia 0.001% of the population

Trichromacy

#1256cf Protanomaly 1% of men, 0.01% of women
#1259bf Deuteranomaly 6% of men, 0.4% of women
#125ea0 Tritanomaly 0.01% of the population

#3342ee hex color

#3342ee Color Information

#3342ee Color Conversion

Color Schemes with #3342ee

Alternatives to #3342ee

#3342ee Preview

Shades and Tints of #3342ee

Tones of #3342ee

Color Blindness Simulator