#3312bc hex color

In a RGB color space, hex #3312bc is composed of 20% red, 7.1% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 72.9% cyan, 90.4% magenta, 0% yellow and 26.3% black. It has a hue angle of 251.6 degrees, a saturation of 82.5% and a lightness of 40.4%. #3312bc color hex could be obtained by blending #6624ff with #000079. Closest websafe color is: #3300cc.

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

● #3312bc color description : Strong blue.

The hexadecimal color #3312bc has RGB values of R:51, G:18, B:188 and CMYK values of C:0.73, M:0.9, Y:0, K:0.26. Its decimal value is 3347132.

Hex triplet	3312bc	`#3312bc`
RGB Decimal	51, 18, 188	`rgb(51,18,188)`
RGB Percent	20, 7.1, 73.7	`rgb(20%,7.1%,73.7%)`
CMYK	73, 90, 0, 26
HSL	251.6°, 82.5, 40.4	`hsl(251.6,82.5%,40.4%)`
HSV (or HSB)	251.6°, 90.4, 73.7
Web Safe	3300cc	`#3300cc`

CIE-LAB	26.059, 59.811, -79.627
XYZ	10.657, 4.767, 47.933
xyY	0.168, 0.075, 4.767
CIE-LCH	26.059, 99.589, 306.912
CIE-LUV	26.059, -3.112, -94.34
Hunter-Lab	21.833, 48.921, -114.885
Binary	00110011, 00010010, 10111100

#3312bc
```
#3312bc rgb(51,18,188)
```
#9bbc12
```
#9bbc12 rgb(155,188,18)
```

Complementary Color

#1246bc
```
#1246bc rgb(18,70,188)
```
#3312bc
```
#3312bc rgb(51,18,188)
```
#8812bc
```
#8812bc rgb(136,18,188)
```

Analogous Color

#46bc12
```
#46bc12 rgb(70,188,18)
```
#3312bc
```
#3312bc rgb(51,18,188)
```
#bc8812
```
#bc8812 rgb(188,136,18)
```

Split Complementary Color

#12bc33
```
#12bc33 rgb(18,188,51)
```
#3312bc
```
#3312bc rgb(51,18,188)
```
#bc3312
```
#bc3312 rgb(188,51,18)
```

Triadic Color

#129bbc
```
#129bbc rgb(18,155,188)
```
#3312bc
```
#3312bc rgb(51,18,188)
```
#bc3312
```
#bc3312 rgb(188,51,18)
```
#9bbc12
```
#9bbc12 rgb(155,188,18)
```

Tetradic Color

#200b76
```
#200b76 rgb(32,11,118)
```
#260e8d
```
#260e8d rgb(38,14,141)
```
#2d10a5
```
#2d10a5 rgb(45,16,165)
```
#3312bc
```
#3312bc rgb(51,18,188)
```
#3914d3
```
#3914d3 rgb(57,20,211)
```
#4118e9
```
#4118e9 rgb(65,24,233)
```
#542feb
```
#542feb rgb(84,47,235)
```

Monochromatic Color

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

#121cbc
```
#121cbc rgb(18,28,188)
```
#1712bc
```
#1712bc rgb(23,18,188)
```
#2512bc
```
#2512bc rgb(37,18,188)
```
#3312bc
```
#3312bc rgb(51,18,188)
```
#4112bc
```
#4112bc rgb(65,18,188)
```
#4f12bc
```
#4f12bc rgb(79,18,188)
```
#5d12bc
```
#5d12bc rgb(93,18,188)
```

Similar Colors

Text with hexadecimal color #3312bc

This text has a font color of #3312bc.

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

#3312bc background color

This paragraph has a background color of #3312bc.

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

#3312bc border color

This element has a border color of #3312bc.

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

CSS codes

.text {color:#3312bc;}

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

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

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

#020109
```
#020109 rgb(2,1,9)
```
#07031b
```
#07031b rgb(7,3,27)
```
#0c042d
```
#0c042d rgb(12,4,45)
```
#11063f
```
#11063f rgb(17,6,63)
```
#160851
```
#160851 rgb(22,8,81)
```
#1b0962
```
#1b0962 rgb(27,9,98)
```
#200b74
```
#200b74 rgb(32,11,116)
```
#240d86
```
#240d86 rgb(36,13,134)
```
#290f98
```
#290f98 rgb(41,15,152)
```
#2e10aa
```
#2e10aa rgb(46,16,170)
```
#3312bc
```
#3312bc rgb(51,18,188)
```
#3814ce
```
#3814ce rgb(56,20,206)
```
#3d15e0
```
#3d15e0 rgb(61,21,224)
```

Shade Color Variation

#471fea
```
#471fea rgb(71,31,234)
```
#5531eb
```
#5531eb rgb(85,49,235)
```
#6443ed
```
#6443ed rgb(100,67,237)
```
#7355ef
```
#7355ef rgb(115,85,239)
```
#8267f0
```
#8267f0 rgb(130,103,240)
```
#9079f2
```
#9079f2 rgb(144,121,242)
```
#9f8bf4
```
#9f8bf4 rgb(159,139,244)
```
#ae9df6
```
#ae9df6 rgb(174,157,246)
```
#bdaef7
```
#bdaef7 rgb(189,174,247)
```
#cbc0f9
```
#cbc0f9 rgb(203,192,249)
```
#dad2fb
```
#dad2fb rgb(218,210,251)
```
#e9e4fc
```
#e9e4fc rgb(233,228,252)
```
#f8f6fe
```
#f8f6fe rgb(248,246,254)
```

Tint Color Variation

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

#63616d
```
#63616d rgb(99,97,109)
```
#5f5975
```
#5f5975 rgb(95,89,117)
```
#5a517d
```
#5a517d rgb(90,81,125)
```
#554985
```
#554985 rgb(85,73,133)
```
#50428c
```
#50428c rgb(80,66,140)
```
#4b3a94
```
#4b3a94 rgb(75,58,148)
```
#46329c
```
#46329c rgb(70,50,156)
```
#422aa4
```
#422aa4 rgb(66,42,164)
```
#3d22ac
```
#3d22ac rgb(61,34,172)
```
#381ab4
```
#381ab4 rgb(56,26,180)
```
#3312bc
```
#3312bc rgb(51,18,188)
```
#2e0ac4
```
#2e0ac4 rgb(46,10,196)
```
#2902cc
```
#2902cc rgb(41,2,204)
```

Tone Color Variation

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

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

Trichromacy

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

#3312bc hex color

#3312bc Color Information

#3312bc Color Conversion

Color Schemes with #3312bc

Alternatives to #3312bc

#3312bc Preview

Shades and Tints of #3312bc

Tones of #3312bc

Color Blindness Simulator