#3342bf hex color

In a RGB color space, hex #3342bf is composed of 20% red, 25.9% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 73.3% cyan, 65.4% magenta, 0% yellow and 25.1% black. It has a hue angle of 233.6 degrees, a saturation of 57.9% and a lightness of 47.5%. #3342bf color hex could be obtained by blending #6684ff with #00007f. Closest websafe color is: #3333cc.

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

● #3342bf color description : Moderate blue.

The hexadecimal color #3342bf has RGB values of R:51, G:66, B:191 and CMYK values of C:0.73, M:0.65, Y:0, K:0.25. Its decimal value is 3359423.

Hex triplet	3342bf	`#3342bf`
RGB Decimal	51, 66, 191	`rgb(51,66,191)`
RGB Percent	20, 25.9, 74.9	`rgb(20%,25.9%,74.9%)`
CMYK	73, 65, 0, 25
HSL	233.6°, 57.9, 47.5	`hsl(233.6,57.9%,47.5%)`
HSV (or HSB)	233.6°, 73.3, 74.9
Web Safe	3333cc	`#3333cc`

CIE-LAB	34.724, 37.085, -67.083
XYZ	12.716, 8.361, 50.231
xyY	0.178, 0.117, 8.361
CIE-LCH	34.724, 76.651, 298.935
CIE-LUV	34.724, -9.813, -93.803
Hunter-Lab	28.915, 27.893, -82.756
Binary	00110011, 01000010, 10111111

#3342bf
```
#3342bf rgb(51,66,191)
```
#bfb033
```
#bfb033 rgb(191,176,51)
```

Complementary Color

#3388bf
```
#3388bf rgb(51,136,191)
```
#3342bf
```
#3342bf rgb(51,66,191)
```
#6a33bf
```
#6a33bf rgb(106,51,191)
```

Analogous Color

#88bf33
```
#88bf33 rgb(136,191,51)
```
#3342bf
```
#3342bf rgb(51,66,191)
```
#bf6a33
```
#bf6a33 rgb(191,106,51)
```

Split Complementary Color

#42bf33
```
#42bf33 rgb(66,191,51)
```
#3342bf
```
#3342bf rgb(51,66,191)
```
#bf3342
```
#bf3342 rgb(191,51,66)
```

Triadic Color

#33bfb0
```
#33bfb0 rgb(51,191,176)
```
#3342bf
```
#3342bf rgb(51,66,191)
```
#bf3342
```
#bf3342 rgb(191,51,66)
```
#bfb033
```
#bfb033 rgb(191,176,51)
```

Tetradic Color

#232d83
```
#232d83 rgb(35,45,131)
```
#283497
```
#283497 rgb(40,52,151)
```
#2e3bab
```
#2e3bab rgb(46,59,171)
```
#3342bf
```
#3342bf rgb(51,66,191)
```
#404fcc
```
#404fcc rgb(64,79,204)
```
#5461d1
```
#5461d1 rgb(84,97,209)
```
#6874d7
```
#6874d7 rgb(104,116,215)
```

Monochromatic Color

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

#3365bf
```
#3365bf rgb(51,101,191)
```
#3359bf
```
#3359bf rgb(51,89,191)
```
#334ebf
```
#334ebf rgb(51,78,191)
```
#3342bf
```
#3342bf rgb(51,66,191)
```
#3336bf
```
#3336bf rgb(51,54,191)
```
#3b33bf
```
#3b33bf rgb(59,51,191)
```
#4733bf
```
#4733bf rgb(71,51,191)
```

Similar Colors

Text with hexadecimal color #3342bf

This text has a font color of #3342bf.

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

#3342bf background color

This paragraph has a background color of #3342bf.

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

#3342bf border color

This element has a border color of #3342bf.

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

CSS codes

.text {color:#3342bf;}

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

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

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

#010205
```
#010205 rgb(1,2,5)
```
#060715
```
#060715 rgb(6,7,21)
```
#0a0d24
```
#0a0d24 rgb(10,13,36)
```
#0e1234
```
#0e1234 rgb(14,18,52)
```
#121743
```
#121743 rgb(18,23,67)
```
#161d53
```
#161d53 rgb(22,29,83)
```
#1a2262
```
#1a2262 rgb(26,34,98)
```
#1e2772
```
#1e2772 rgb(30,39,114)
```
#222d81
```
#222d81 rgb(34,45,129)
```
#273291
```
#273291 rgb(39,50,145)
```
#2b37a0
```
#2b37a0 rgb(43,55,160)
```
#2f3db0
```
#2f3db0 rgb(47,61,176)
```
#3342bf
```
#3342bf rgb(51,66,191)
```

Shade Color Variation

#3b4acb
```
#3b4acb rgb(59,74,203)
```
#4a59cf
```
#4a59cf rgb(74,89,207)
```
#5a67d3
```
#5a67d3 rgb(90,103,211)
```
#6975d7
```
#6975d7 rgb(105,117,215)
```
#7983db
```
#7983db rgb(121,131,219)
```
#8892df
```
#8892df rgb(136,146,223)
```
#98a0e3
```
#98a0e3 rgb(152,160,227)
```
#a7aee8
```
#a7aee8 rgb(167,174,232)
```
#b7bcec
```
#b7bcec rgb(183,188,236)
```
#c6cbf0
```
#c6cbf0 rgb(198,203,240)
```
#d6d9f4
```
#d6d9f4 rgb(214,217,244)
```
#e5e7f8
```
#e5e7f8 rgb(229,231,248)
```
#f5f6fc
```
#f5f6fc rgb(245,246,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #74757e is the less saturated color, while #041dee is the most saturated one.

#74757e
```
#74757e rgb(116,117,126)
```
#6b6e87
```
#6b6e87 rgb(107,110,135)
```
#626790
```
#626790 rgb(98,103,144)
```
#585f9a
```
#585f9a rgb(88,95,154)
```
#4f58a3
```
#4f58a3 rgb(79,88,163)
```
#4651ac
```
#4651ac rgb(70,81,172)
```
#3c49b6
```
#3c49b6 rgb(60,73,182)
```
#3342bf
```
#3342bf rgb(51,66,191)
```
#2a3bc8
```
#2a3bc8 rgb(42,59,200)
```
#2033d2
```
#2033d2 rgb(32,51,210)
```
#172cdb
```
#172cdb rgb(23,44,219)
```
#0e25e4
```
#0e25e4 rgb(14,37,228)
```
#041dee
```
#041dee rgb(4,29,238)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#474a63 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058ab Protanopia 1% of men
#005d95 Deuteranopia 1% of men
#006369 Tritanopia 0.001% of the population

Trichromacy

#1250b2 Protanomaly 1% of men, 0.01% of women
#1253a4 Deuteranomaly 6% of men, 0.4% of women
#125788 Tritanomaly 0.01% of the population

#3342bf hex color

#3342bf Color Information

#3342bf Color Conversion

Color Schemes with #3342bf

Alternatives to #3342bf

#3342bf Preview

Shades and Tints of #3342bf

Tones of #3342bf

Color Blindness Simulator