#3312bb hex color

In a RGB color space, hex #3312bb is composed of 20% red, 7.1% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 72.7% cyan, 90.4% magenta, 0% yellow and 26.7% black. It has a hue angle of 251.7 degrees, a saturation of 82.4% and a lightness of 40.2%. #3312bb color hex could be obtained by blending #6624ff with #000077. Closest websafe color is: #3300cc.

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

● #3312bb color description : Strong blue.

The hexadecimal color #3312bb has RGB values of R:51, G:18, B:187 and CMYK values of C:0.73, M:0.9, Y:0, K:0.27. Its decimal value is 3347131.

Hex triplet	3312bb	`#3312bb`
RGB Decimal	51, 18, 187	`rgb(51,18,187)`
RGB Percent	20, 7.1, 73.3	`rgb(20%,7.1%,73.3%)`
CMYK	73, 90, 0, 27
HSL	251.7°, 82.4, 40.2	`hsl(251.7,82.4%,40.2%)`
HSV (or HSB)	251.7°, 90.4, 73.3
Web Safe	3300cc	`#3300cc`

CIE-LAB	25.933, 59.545, -79.245
XYZ	10.549, 4.724, 47.367
xyY	0.168, 0.075, 4.724
CIE-LCH	25.933, 99.123, 306.921
CIE-LUV	25.933, -3.048, -93.763
Hunter-Lab	21.734, 48.607, -114.001
Binary	00110011, 00010010, 10111011

#3312bb
```
#3312bb rgb(51,18,187)
```
#9abb12
```
#9abb12 rgb(154,187,18)
```

Complementary Color

#1245bb
```
#1245bb rgb(18,69,187)
```
#3312bb
```
#3312bb rgb(51,18,187)
```
#8812bb
```
#8812bb rgb(136,18,187)
```

Analogous Color

#45bb12
```
#45bb12 rgb(69,187,18)
```
#3312bb
```
#3312bb rgb(51,18,187)
```
#bb8812
```
#bb8812 rgb(187,136,18)
```

Split Complementary Color

#12bb33
```
#12bb33 rgb(18,187,51)
```
#3312bb
```
#3312bb rgb(51,18,187)
```
#bb3312
```
#bb3312 rgb(187,51,18)
```

Triadic Color

#129abb
```
#129abb rgb(18,154,187)
```
#3312bb
```
#3312bb rgb(51,18,187)
```
#bb3312
```
#bb3312 rgb(187,51,18)
```
#9abb12
```
#9abb12 rgb(154,187,18)
```

Tetradic Color

#200b75
```
#200b75 rgb(32,11,117)
```
#260e8c
```
#260e8c rgb(38,14,140)
```
#2d10a4
```
#2d10a4 rgb(45,16,164)
```
#3312bb
```
#3312bb rgb(51,18,187)
```
#3914d2
```
#3914d2 rgb(57,20,210)
```
#4017e9
```
#4017e9 rgb(64,23,233)
```
#532feb
```
#532feb rgb(83,47,235)
```

Monochromatic Color

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

#121bbb
```
#121bbb rgb(18,27,187)
```
#1712bb
```
#1712bb rgb(23,18,187)
```
#2512bb
```
#2512bb rgb(37,18,187)
```
#3312bb
```
#3312bb rgb(51,18,187)
```
#4112bb
```
#4112bb rgb(65,18,187)
```
#4f12bb
```
#4f12bb rgb(79,18,187)
```
#5d12bb
```
#5d12bb rgb(93,18,187)
```

Similar Colors

Text with hexadecimal color #3312bb

This text has a font color of #3312bb.

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

#3312bb background color

This paragraph has a background color of #3312bb.

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

#3312bb border color

This element has a border color of #3312bb.

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

CSS codes

.text {color:#3312bb;}

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

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

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

#020108
```
#020108 rgb(2,1,8)
```
#07021a
```
#07021a rgb(7,2,26)
```
#0c042c
```
#0c042c rgb(12,4,44)
```
#11063e
```
#11063e rgb(17,6,62)
```
#160850
```
#160850 rgb(22,8,80)
```
#1b0962
```
#1b0962 rgb(27,9,98)
```
#1f0b73
```
#1f0b73 rgb(31,11,115)
```
#240d85
```
#240d85 rgb(36,13,133)
```
#290f97
```
#290f97 rgb(41,15,151)
```
#2e10a9
```
#2e10a9 rgb(46,16,169)
```
#3312bb
```
#3312bb rgb(51,18,187)
```
#3814cd
```
#3814cd rgb(56,20,205)
```
#3d15df
```
#3d15df rgb(61,21,223)
```

Shade Color Variation

#461ee9
```
#461ee9 rgb(70,30,233)
```
#5530eb
```
#5530eb rgb(85,48,235)
```
#6442ed
```
#6442ed rgb(100,66,237)
```
#7254ef
```
#7254ef rgb(114,84,239)
```
#8166f0
```
#8166f0 rgb(129,102,240)
```
#9078f2
```
#9078f2 rgb(144,120,242)
```
#9e8af4
```
#9e8af4 rgb(158,138,244)
```
#ad9cf5
```
#ad9cf5 rgb(173,156,245)
```
#bcaef7
```
#bcaef7 rgb(188,174,247)
```
#cbbff9
```
#cbbff9 rgb(203,191,249)
```
#d9d1fb
```
#d9d1fb rgb(217,209,251)
```
#e8e3fc
```
#e8e3fc rgb(232,227,252)
```
#f7f5fe
```
#f7f5fe rgb(247,245,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #63616c is the less saturated color, while #2902cb is the most saturated one.

#63616c
```
#63616c rgb(99,97,108)
```
#5e5974
```
#5e5974 rgb(94,89,116)
```
#59517c
```
#59517c rgb(89,81,124)
```
#554984
```
#554984 rgb(85,73,132)
```
#50418c
```
#50418c rgb(80,65,140)
```
#4b3994
```
#4b3994 rgb(75,57,148)
```
#46329b
```
#46329b rgb(70,50,155)
```
#412aa3
```
#412aa3 rgb(65,42,163)
```
#3d22ab
```
#3d22ab rgb(61,34,171)
```
#381ab3
```
#381ab3 rgb(56,26,179)
```
#3312bb
```
#3312bb rgb(51,18,187)
```
#2e0ac3
```
#2e0ac3 rgb(46,10,195)
```
#2902cb
```
#2902cb rgb(41,2,203)
```

Tone Color Variation

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

#2f2f2f Achromatopsia 0.005% of the population
#30294b Atypical Achromatopsia 0.001% of the population

Dichromacy

#004586 Protanopia 1% of men
#004974 Deuteranopia 1% of men
#004e52 Tritanopia 0.001% of the population

Trichromacy

#123299 Protanomaly 1% of men, 0.01% of women
#12358e Deuteranomaly 6% of men, 0.4% of women
#123878 Tritanomaly 0.01% of the population

#3312bb hex color

#3312bb Color Information

#3312bb Color Conversion

Color Schemes with #3312bb

Alternatives to #3312bb

#3312bb Preview

Shades and Tints of #3312bb

Tones of #3312bb

Color Blindness Simulator