#3342cb hex color

In a RGB color space, hex #3342cb is composed of 20% red, 25.9% green and 79.6% blue. Whereas in a CMYK color space, it is composed of 74.9% cyan, 67.5% magenta, 0% yellow and 20.4% black. It has a hue angle of 234.1 degrees, a saturation of 59.8% and a lightness of 49.8%. #3342cb color hex could be obtained by blending #6684ff with #000097. Closest websafe color is: #3333cc.

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

● #3342cb color description : Moderate blue.

The hexadecimal color #3342cb has RGB values of R:51, G:66, B:203 and CMYK values of C:0.75, M:0.67, Y:0, K:0.2. Its decimal value is 3359435.

Hex triplet	3342cb	`#3342cb`
RGB Decimal	51, 66, 203	`rgb(51,66,203)`
RGB Percent	20, 25.9, 79.6	`rgb(20%,25.9%,79.6%)`
CMYK	75, 67, 0, 20
HSL	234.1°, 59.8, 49.8	`hsl(234.1,59.8%,49.8%)`
HSV (or HSB)	234.1°, 74.9, 79.6
Web Safe	3333cc	`#3333cc`

CIE-LAB	35.813, 41.297, -72.302
XYZ	14.091, 8.911, 57.474
xyY	0.175, 0.111, 8.911
CIE-LCH	35.813, 83.265, 299.734
CIE-LUV	35.813, -10.151, -101.424
Hunter-Lab	29.852, 32.017, -93.257
Binary	00110011, 01000010, 11001011

#3342cb
```
#3342cb rgb(51,66,203)
```
#cbbc33
```
#cbbc33 rgb(203,188,51)
```

Complementary Color

#338ecb
```
#338ecb rgb(51,142,203)
```
#3342cb
```
#3342cb rgb(51,66,203)
```
#7033cb
```
#7033cb rgb(112,51,203)
```

Analogous Color

#8ecb33
```
#8ecb33 rgb(142,203,51)
```
#3342cb
```
#3342cb rgb(51,66,203)
```
#cb7033
```
#cb7033 rgb(203,112,51)
```

Split Complementary Color

#42cb33
```
#42cb33 rgb(66,203,51)
```
#3342cb
```
#3342cb rgb(51,66,203)
```
#cb3342
```
#cb3342 rgb(203,51,66)
```

Triadic Color

#33cbbc
```
#33cbbc rgb(51,203,188)
```
#3342cb
```
#3342cb rgb(51,66,203)
```
#cb3342
```
#cb3342 rgb(203,51,66)
```
#cbbc33
```
#cbbc33 rgb(203,188,51)
```

Tetradic Color

#242e8e
```
#242e8e rgb(36,46,142)
```
#2935a2
```
#2935a2 rgb(41,53,162)
```
#2e3bb7
```
#2e3bb7 rgb(46,59,183)
```
#3342cb
```
#3342cb rgb(51,66,203)
```
#4754d1
```
#4754d1 rgb(71,84,209)
```
#5b67d6
```
#5b67d6 rgb(91,103,214)
```
#707adb
```
#707adb rgb(112,122,219)
```

Monochromatic Color

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

#3368cb
```
#3368cb rgb(51,104,203)
```
#335bcb
```
#335bcb rgb(51,91,203)
```
#334fcb
```
#334fcb rgb(51,79,203)
```
#3342cb
```
#3342cb rgb(51,66,203)
```
#3335cb
```
#3335cb rgb(51,53,203)
```
#3d33cb
```
#3d33cb rgb(61,51,203)
```
#4a33cb
```
#4a33cb rgb(74,51,203)
```

Similar Colors

Text with hexadecimal color #3342cb

This text has a font color of #3342cb.

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

#3342cb background color

This paragraph has a background color of #3342cb.

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

#3342cb border color

This element has a border color of #3342cb.

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

CSS codes

.text {color:#3342cb;}

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

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

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, #04050f is the darkest color, while #fefeff is the lightest one.

#04050f
```
#04050f rgb(4,5,15)
```
#080a1f
```
#080a1f rgb(8,10,31)
```
#0c0f2e
```
#0c0f2e rgb(12,15,46)
```
#10143e
```
#10143e rgb(16,20,62)
```
#13194e
```
#13194e rgb(19,25,78)
```
#171e5d
```
#171e5d rgb(23,30,93)
```
#1b236d
```
#1b236d rgb(27,35,109)
```
#1f297d
```
#1f297d rgb(31,41,125)
```
#232e8c
```
#232e8c rgb(35,46,140)
```
#27339c
```
#27339c rgb(39,51,156)
```
#2b38ac
```
#2b38ac rgb(43,56,172)
```
#2f3dbb
```
#2f3dbb rgb(47,61,187)
```
#3342cb
```
#3342cb rgb(51,66,203)
```

Shade Color Variation

#4250d0
```
#4250d0 rgb(66,80,208)
```
#525fd3
```
#525fd3 rgb(82,95,211)
```
#616dd7
```
#616dd7 rgb(97,109,215)
```
#717cdb
```
#717cdb rgb(113,124,219)
```
#818adf
```
#818adf rgb(129,138,223)
```
#9099e3
```
#9099e3 rgb(144,153,227)
```
#a0a7e7
```
#a0a7e7 rgb(160,167,231)
```
#b0b6eb
```
#b0b6eb rgb(176,182,235)
```
#bfc4ef
```
#bfc4ef rgb(191,196,239)
```
#cfd3f3
```
#cfd3f3 rgb(207,211,243)
```
#dfe1f7
```
#dfe1f7 rgb(223,225,247)
```
#eff0fb
```
#eff0fb rgb(239,240,251)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#777987
```
#777987 rgb(119,121,135)
```
#6e7190
```
#6e7190 rgb(110,113,144)
```
#64699a
```
#64699a rgb(100,105,154)
```
#5a61a4
```
#5a61a4 rgb(90,97,164)
```
#505aae
```
#505aae rgb(80,90,174)
```
#4752b7
```
#4752b7 rgb(71,82,183)
```
#3d4ac1
```
#3d4ac1 rgb(61,74,193)
```
#3342cb
```
#3342cb rgb(51,66,203)
```
#293ad5
```
#293ad5 rgb(41,58,213)
```
#1f32df
```
#1f32df rgb(31,50,223)
```
#162ae8
```
#162ae8 rgb(22,42,232)
```
#0c23f2
```
#0c23f2 rgb(12,35,242)
```
#021bfc
```
#021bfc rgb(2,27,252)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#484b66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005ab0 Protanopia 1% of men
#005f99 Deuteranopia 1% of men
#00666b Tritanopia 0.001% of the population

Trichromacy

#1251b9 Protanomaly 1% of men, 0.01% of women
#1254ab Deuteranomaly 6% of men, 0.4% of women
#12598e Tritanomaly 0.01% of the population

#3342cb hex color

#3342cb Color Information

#3342cb Color Conversion

Color Schemes with #3342cb

Alternatives to #3342cb

#3342cb Preview

Shades and Tints of #3342cb

Tones of #3342cb

Color Blindness Simulator