#3342bb hex color

In a RGB color space, hex #3342bb is composed of 20% red, 25.9% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 72.7% cyan, 64.7% magenta, 0% yellow and 26.7% black. It has a hue angle of 233.4 degrees, a saturation of 57.1% and a lightness of 46.7%. #3342bb color hex could be obtained by blending #6684ff with #000077. Closest websafe color is: #3333cc.

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

● #3342bb color description : Moderate blue.

The hexadecimal color #3342bb has RGB values of R:51, G:66, B:187 and CMYK values of C:0.73, M:0.65, Y:0, K:0.27. Its decimal value is 3359419.

Hex triplet	3342bb	`#3342bb`
RGB Decimal	51, 66, 187	`rgb(51,66,187)`
RGB Percent	20, 25.9, 73.3	`rgb(20%,25.9%,73.3%)`
CMYK	73, 65, 0, 27
HSL	233.4°, 57.1, 46.7	`hsl(233.4,57.1%,46.7%)`
HSV (or HSB)	233.4°, 72.7, 73.3
Web Safe	3333cc	`#3333cc`

CIE-LAB	34.37, 35.665, -65.311
XYZ	12.281, 8.187, 47.944
xyY	0.18, 0.12, 8.187
CIE-LCH	34.37, 74.414, 298.638
CIE-LUV	34.37, -9.703, -91.219
Hunter-Lab	28.614, 26.541, -79.315
Binary	00110011, 01000010, 10111011

#3342bb
```
#3342bb rgb(51,66,187)
```
#bbac33
```
#bbac33 rgb(187,172,51)
```

Complementary Color

#3386bb
```
#3386bb rgb(51,134,187)
```
#3342bb
```
#3342bb rgb(51,66,187)
```
#6833bb
```
#6833bb rgb(104,51,187)
```

Analogous Color

#86bb33
```
#86bb33 rgb(134,187,51)
```
#3342bb
```
#3342bb rgb(51,66,187)
```
#bb6833
```
#bb6833 rgb(187,104,51)
```

Split Complementary Color

#42bb33
```
#42bb33 rgb(66,187,51)
```
#3342bb
```
#3342bb rgb(51,66,187)
```
#bb3342
```
#bb3342 rgb(187,51,66)
```

Triadic Color

#33bbac
```
#33bbac rgb(51,187,172)
```
#3342bb
```
#3342bb rgb(51,66,187)
```
#bb3342
```
#bb3342 rgb(187,51,66)
```
#bbac33
```
#bbac33 rgb(187,172,51)
```

Tetradic Color

#232d7f
```
#232d7f rgb(35,45,127)
```
#283493
```
#283493 rgb(40,52,147)
```
#2e3ba7
```
#2e3ba7 rgb(46,59,167)
```
#3342bb
```
#3342bb rgb(51,66,187)
```
#3d4dca
```
#3d4dca rgb(61,77,202)
```
#515fd0
```
#515fd0 rgb(81,95,208)
```
#6572d5
```
#6572d5 rgb(101,114,213)
```

Monochromatic Color

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

#3364bb
```
#3364bb rgb(51,100,187)
```
#3359bb
```
#3359bb rgb(51,89,187)
```
#334dbb
```
#334dbb rgb(51,77,187)
```
#3342bb
```
#3342bb rgb(51,66,187)
```
#3337bb
```
#3337bb rgb(51,55,187)
```
#3b33bb
```
#3b33bb rgb(59,51,187)
```
#4633bb
```
#4633bb rgb(70,51,187)
```

Similar Colors

Text with hexadecimal color #3342bb

This text has a font color of #3342bb.

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

#3342bb background color

This paragraph has a background color of #3342bb.

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

#3342bb border color

This element has a border color of #3342bb.

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

CSS codes

.text {color:#3342bb;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#050611
```
#050611 rgb(5,6,17)
```
#090c21
```
#090c21 rgb(9,12,33)
```
#0d1130
```
#0d1130 rgb(13,17,48)
```
#111640
```
#111640 rgb(17,22,64)
```
#161c4f
```
#161c4f rgb(22,28,79)
```
#1a215f
```
#1a215f rgb(26,33,95)
```
#1e276e
```
#1e276e rgb(30,39,110)
```
#222c7d
```
#222c7d rgb(34,44,125)
```
#26328d
```
#26328d rgb(38,50,141)
```
#2b379c
```
#2b379c rgb(43,55,156)
```
#2f3dac
```
#2f3dac rgb(47,61,172)
```
#3342bb
```
#3342bb rgb(51,66,187)
```

Shade Color Variation

#3949c9
```
#3949c9 rgb(57,73,201)
```
#4857cd
```
#4857cd rgb(72,87,205)
```
#5865d1
```
#5865d1 rgb(88,101,209)
```
#6773d6
```
#6773d6 rgb(103,115,214)
```
#7681da
```
#7681da rgb(118,129,218)
```
#868fde
```
#868fde rgb(134,143,222)
```
#959ee2
```
#959ee2 rgb(149,158,226)
```
#a5ace6
```
#a5ace6 rgb(165,172,230)
```
#b4baeb
```
#b4baeb rgb(180,186,235)
```
#c3c8ef
```
#c3c8ef rgb(195,200,239)
```
#d3d6f3
```
#d3d6f3 rgb(211,214,243)
```
#e2e5f7
```
#e2e5f7 rgb(226,229,247)
```
#f2f3fb
```
#f2f3fb rgb(242,243,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #73747b is the less saturated color, while #051ee9 is the most saturated one.

#73747b
```
#73747b rgb(115,116,123)
```
#6a6d84
```
#6a6d84 rgb(106,109,132)
```
#61668d
```
#61668d rgb(97,102,141)
```
#585f96
```
#585f96 rgb(88,95,150)
```
#4e57a0
```
#4e57a0 rgb(78,87,160)
```
#4550a9
```
#4550a9 rgb(69,80,169)
```
#3c49b2
```
#3c49b2 rgb(60,73,178)
```
#3342bb
```
#3342bb rgb(51,66,187)
```
#2a3bc4
```
#2a3bc4 rgb(42,59,196)
```
#2134cd
```
#2134cd rgb(33,52,205)
```
#182dd6
```
#182dd6 rgb(24,45,214)
```
#0e25e0
```
#0e25e0 rgb(14,37,224)
```
#051ee9
```
#051ee9 rgb(5,30,233)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#464961 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057aa Protanopia 1% of men
#005c94 Deuteranopia 1% of men
#006268 Tritanopia 0.001% of the population

Trichromacy

#124fb0 Protanomaly 1% of men, 0.01% of women
#1252a2 Deuteranomaly 6% of men, 0.4% of women
#125686 Tritanomaly 0.01% of the population

#3342bb hex color

#3342bb Color Information

#3342bb Color Conversion

Color Schemes with #3342bb

Alternatives to #3342bb

#3342bb Preview

Shades and Tints of #3342bb

Tones of #3342bb

Color Blindness Simulator