#3312cc hex color

In a RGB color space, hex #3312cc is composed of 20% red, 7.1% green and 80% blue. Whereas in a CMYK color space, it is composed of 75% cyan, 91.2% magenta, 0% yellow and 20% black. It has a hue angle of 250.6 degrees, a saturation of 83.8% and a lightness of 43.5%. #3312cc color hex could be obtained by blending #6624ff with #000099. Closest websafe color is: #3300cc.

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

● #3312cc color description : Strong blue.

The hexadecimal color #3312cc has RGB values of R:51, G:18, B:204 and CMYK values of C:0.75, M:0.91, Y:0, K:0.2. Its decimal value is 3347148.

Hex triplet	3312cc	`#3312cc`
RGB Decimal	51, 18, 204	`rgb(51,18,204)`
RGB Percent	20, 7.1, 80	`rgb(20%,7.1%,80%)`
CMYK	75, 91, 0, 20
HSL	250.6°, 83.8, 43.5	`hsl(250.6,83.8%,43.5%)`
HSV (or HSB)	250.6°, 91.2, 80
Web Safe	3300cc	`#3300cc`

CIE-LAB	28.102, 64.03, -85.646
XYZ	12.479, 5.495, 57.527
xyY	0.165, 0.073, 5.495
CIE-LCH	28.102, 106.935, 306.782
CIE-LUV	28.102, -4.105, -103.547
Hunter-Lab	23.442, 53.994, -129.087
Binary	00110011, 00010010, 11001100

#3312cc
```
#3312cc rgb(51,18,204)
```
#abcc12
```
#abcc12 rgb(171,204,18)
```

Complementary Color

#124ecc
```
#124ecc rgb(18,78,204)
```
#3312cc
```
#3312cc rgb(51,18,204)
```
#9012cc
```
#9012cc rgb(144,18,204)
```

Analogous Color

#4ecc12
```
#4ecc12 rgb(78,204,18)
```
#3312cc
```
#3312cc rgb(51,18,204)
```
#cc9012
```
#cc9012 rgb(204,144,18)
```

Split Complementary Color

#12cc33
```
#12cc33 rgb(18,204,51)
```
#3312cc
```
#3312cc rgb(51,18,204)
```
#cc3312
```
#cc3312 rgb(204,51,18)
```

Triadic Color

#12abcc
```
#12abcc rgb(18,171,204)
```
#3312cc
```
#3312cc rgb(51,18,204)
```
#cc3312
```
#cc3312 rgb(204,51,18)
```
#abcc12
```
#abcc12 rgb(171,204,18)
```

Tetradic Color

#210c86
```
#210c86 rgb(33,12,134)
```
#270e9d
```
#270e9d rgb(39,14,157)
```
#2d10b5
```
#2d10b5 rgb(45,16,181)
```
#3312cc
```
#3312cc rgb(51,18,204)
```
#3914e3
```
#3914e3 rgb(57,20,227)
```
#4825ec
```
#4825ec rgb(72,37,236)
```
#5c3dee
```
#5c3dee rgb(92,61,238)
```

Monochromatic Color

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

#1220cc
```
#1220cc rgb(18,32,204)
```
#1412cc
```
#1412cc rgb(20,18,204)
```
#2312cc
```
#2312cc rgb(35,18,204)
```
#3312cc
```
#3312cc rgb(51,18,204)
```
#4312cc
```
#4312cc rgb(67,18,204)
```
#5212cc
```
#5212cc rgb(82,18,204)
```
#6112cc
```
#6112cc rgb(97,18,204)
```

Similar Colors

Text with hexadecimal color #3312cc

This text has a font color of #3312cc.

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

#3312cc background color

This paragraph has a background color of #3312cc.

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

#3312cc border color

This element has a border color of #3312cc.

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

CSS codes

.text {color:#3312cc;}

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

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

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

#010106
```
#010106 rgb(1,1,6)
```
#060218
```
#060218 rgb(6,2,24)
```
#0a042a
```
#0a042a rgb(10,4,42)
```
#0f053c
```
#0f053c rgb(15,5,60)
```
#13074e
```
#13074e rgb(19,7,78)
```
#180860
```
#180860 rgb(24,8,96)
```
#1c0a72
```
#1c0a72 rgb(28,10,114)
```
#210c84
```
#210c84 rgb(33,12,132)
```
#250d96
```
#250d96 rgb(37,13,150)
```
#2a0fa8
```
#2a0fa8 rgb(42,15,168)
```
#2e10ba
```
#2e10ba rgb(46,16,186)
```
#3312cc
```
#3312cc rgb(51,18,204)
```
#3814de
```
#3814de rgb(56,20,222)
```

Shade Color Variation

#3f1aeb
```
#3f1aeb rgb(63,26,235)
```
#4e2cec
```
#4e2cec rgb(78,44,236)
```
#5e3eee
```
#5e3eee rgb(94,62,238)
```
#6d50f0
```
#6d50f0 rgb(109,80,240)
```
#7c63f1
```
#7c63f1 rgb(124,99,241)
```
#8b75f3
```
#8b75f3 rgb(139,117,243)
```
#9a87f4
```
#9a87f4 rgb(154,135,244)
```
#a999f6
```
#a999f6 rgb(169,153,246)
```
#b8abf8
```
#b8abf8 rgb(184,171,248)
```
#c7bdf9
```
#c7bdf9 rgb(199,189,249)
```
#d6cffb
```
#d6cffb rgb(214,207,251)
```
#e6e1fc
```
#e6e1fc rgb(230,225,252)
```
#f5f3fe
```
#f5f3fe rgb(245,243,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6a6777 is the less saturated color, while #2801dd is the most saturated one.

#6a6777
```
#6a6777 rgb(106,103,119)
```
#655f7f
```
#655f7f rgb(101,95,127)
```
#5f5688
```
#5f5688 rgb(95,86,136)
```
#5a4e90
```
#5a4e90 rgb(90,78,144)
```
#544599
```
#544599 rgb(84,69,153)
```
#4f3da1
```
#4f3da1 rgb(79,61,161)
```
#4934aa
```
#4934aa rgb(73,52,170)
```
#442cb2
```
#442cb2 rgb(68,44,178)
```
#3e23bb
```
#3e23bb rgb(62,35,187)
```
#391bc3
```
#391bc3 rgb(57,27,195)
```
#3312cc
```
#3312cc rgb(51,18,204)
```
#2d09d5
```
#2d09d5 rgb(45,9,213)
```
#2801dd
```
#2801dd rgb(40,1,221)
```

Tone Color Variation

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

#313131 Achromatopsia 0.005% of the population
#312b50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004a8f Protanopia 1% of men
#004e7b Deuteranopia 1% of men
#005357 Tritanopia 0.001% of the population

Trichromacy

#1235a5 Protanomaly 1% of men, 0.01% of women
#123899 Deuteranomaly 6% of men, 0.4% of women
#123b81 Tritanomaly 0.01% of the population

#3312cc hex color

#3312cc Color Information

#3312cc Color Conversion

Color Schemes with #3312cc

Alternatives to #3312cc

#3312cc Preview

Shades and Tints of #3312cc

Tones of #3312cc

Color Blindness Simulator