#3342d0 hex color

In a RGB color space, hex #3342d0 is composed of 20% red, 25.9% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 75.5% cyan, 68.3% magenta, 0% yellow and 18.4% black. It has a hue angle of 234.3 degrees, a saturation of 62.5% and a lightness of 50.8%. #3342d0 color hex could be obtained by blending #6684ff with #0000a1. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 20
- G 26
- B 82
RGB color chart
- C 75
- M 68
- Y 0
- K 18
CMYK color chart

● #3342d0 color description : Strong blue.

The hexadecimal color #3342d0 has RGB values of R:51, G:66, B:208 and CMYK values of C:0.75, M:0.68, Y:0, K:0.18. Its decimal value is 3359440.

Hex triplet	3342d0	`#3342d0`
RGB Decimal	51, 66, 208	`rgb(51,66,208)`
RGB Percent	20, 25.9, 81.6	`rgb(20%,25.9%,81.6%)`
CMYK	75, 68, 0, 18
HSL	234.3°, 62.5, 50.8	`hsl(234.3,62.5%,50.8%)`
HSV (or HSB)	234.3°, 75.5, 81.6
Web Safe	3333cc	`#3333cc`

CIE-LAB	36.278, 43.03, -74.436
XYZ	14.696, 9.153, 60.663
xyY	0.174, 0.108, 9.153
CIE-LCH	36.278, 85.979, 300.031
CIE-LUV	36.278, -10.295, -104.547
Hunter-Lab	30.255, 33.762, -97.704
Binary	00110011, 01000010, 11010000

#3342d0
```
#3342d0 rgb(51,66,208)
```
#d0c133
```
#d0c133 rgb(208,193,51)
```

Complementary Color

#3391d0
```
#3391d0 rgb(51,145,208)
```
#3342d0
```
#3342d0 rgb(51,66,208)
```
#7333d0
```
#7333d0 rgb(115,51,208)
```

Analogous Color

#91d033
```
#91d033 rgb(145,208,51)
```
#3342d0
```
#3342d0 rgb(51,66,208)
```
#d07333
```
#d07333 rgb(208,115,51)
```

Split Complementary Color

#42d033
```
#42d033 rgb(66,208,51)
```
#3342d0
```
#3342d0 rgb(51,66,208)
```
#d03342
```
#d03342 rgb(208,51,66)
```

Triadic Color

#33d0c1
```
#33d0c1 rgb(51,208,193)
```
#3342d0
```
#3342d0 rgb(51,66,208)
```
#d03342
```
#d03342 rgb(208,51,66)
```
#d0c133
```
#d0c133 rgb(208,193,51)
```

Tetradic Color

#222d94
```
#222d94 rgb(34,45,148)
```
#2733a9
```
#2733a9 rgb(39,51,169)
```
#2c3abe
```
#2c3abe rgb(44,58,190)
```
#3342d0
```
#3342d0 rgb(51,66,208)
```
#4855d5
```
#4855d5 rgb(72,85,213)
```
#5c68da
```
#5c68da rgb(92,104,218)
```
#717cde
```
#717cde rgb(113,124,222)
```

Monochromatic Color

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

#3369d0
```
#3369d0 rgb(51,105,208)
```
#335cd0
```
#335cd0 rgb(51,92,208)
```
#334fd0
```
#334fd0 rgb(51,79,208)
```
#3342d0
```
#3342d0 rgb(51,66,208)
```
#3335d0
```
#3335d0 rgb(51,53,208)
```
#3e33d0
```
#3e33d0 rgb(62,51,208)
```
#4b33d0
```
#4b33d0 rgb(75,51,208)
```

Similar Colors

Text with hexadecimal color #3342d0

This text has a font color of #3342d0.

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

#3342d0 background color

This paragraph has a background color of #3342d0.

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

#3342d0 border color

This element has a border color of #3342d0.

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

CSS codes

.text {color:#3342d0;}

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

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

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

#010103
```
#010103 rgb(1,1,3)
```
#040613
```
#040613 rgb(4,6,19)
```
#080b23
```
#080b23 rgb(8,11,35)
```
#0c1033
```
#0c1033 rgb(12,16,51)
```
#0f1443
```
#0f1443 rgb(15,20,67)
```
#131953
```
#131953 rgb(19,25,83)
```
#171e63
```
#171e63 rgb(23,30,99)
```
#1a2373
```
#1a2373 rgb(26,35,115)
```
#1e2883
```
#1e2883 rgb(30,40,131)
```
#222d93
```
#222d93 rgb(34,45,147)
```
#2531a3
```
#2531a3 rgb(37,49,163)
```
#2936b3
```
#2936b3 rgb(41,54,179)
```
#2d3bc3
```
#2d3bc3 rgb(45,59,195)
```

Shade Color Variation

#3342d0
```
#3342d0 rgb(51,66,208)
```
#4351d4
```
#4351d4 rgb(67,81,212)
```
#5360d7
```
#5360d7 rgb(83,96,215)
```
#636edb
```
#636edb rgb(99,110,219)
```
#737ddf
```
#737ddf rgb(115,125,223)
```
#838ce2
```
#838ce2 rgb(131,140,226)
```
#939be6
```
#939be6 rgb(147,155,230)
```
#a3a9ea
```
#a3a9ea rgb(163,169,234)
```
#b3b8ed
```
#b3b8ed rgb(179,184,237)
```
#c2c7f1
```
#c2c7f1 rgb(194,199,241)
```
#d2d6f5
```
#d2d6f5 rgb(210,214,245)
```
#e2e4f8
```
#e2e4f8 rgb(226,228,248)
```
#f2f3fc
```
#f2f3fc rgb(242,243,252)
```

Tint Color Variation

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

#808083
```
#808083 rgb(128,128,131)
```
#77798c
```
#77798c rgb(119,121,140)
```
#6d7196
```
#6d7196 rgb(109,113,150)
```
#6369a0
```
#6369a0 rgb(99,105,160)
```
#5a61a9
```
#5a61a9 rgb(90,97,169)
```
#5059b3
```
#5059b3 rgb(80,89,179)
```
#4652bd
```
#4652bd rgb(70,82,189)
```
#3d4ac6
```
#3d4ac6 rgb(61,74,198)
```
#3342d0
```
#3342d0 rgb(51,66,208)
```
#293ada
```
#293ada rgb(41,58,218)
```
#2032e3
```
#2032e3 rgb(32,50,227)
```
#162bed
```
#162bed rgb(22,43,237)
```
#0c23f7
```
#0c23f7 rgb(12,35,247)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#494c68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005bb2 Protanopia 1% of men
#00609a Deuteranopia 1% of men
#00676d Tritanopia 0.001% of the population

Trichromacy

#1252bc Protanomaly 1% of men, 0.01% of women
#1255ae Deuteranomaly 6% of men, 0.4% of women
#125991 Tritanomaly 0.01% of the population

#3342d0 hex color

#3342d0 Color Information

#3342d0 Color Conversion

Color Schemes with #3342d0

Alternatives to #3342d0

#3342d0 Preview

Shades and Tints of #3342d0

Tones of #3342d0

Color Blindness Simulator