#3312c5 hex color

In a RGB color space, hex #3312c5 is composed of 20% red, 7.1% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 74.1% cyan, 90.9% magenta, 0% yellow and 22.7% black. It has a hue angle of 251.1 degrees, a saturation of 83.3% and a lightness of 42.2%. #3312c5 color hex could be obtained by blending #6624ff with #00008b. Closest websafe color is: #3300cc.

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

● #3312c5 color description : Strong blue.

The hexadecimal color #3312c5 has RGB values of R:51, G:18, B:197 and CMYK values of C:0.74, M:0.91, Y:0, K:0.23. Its decimal value is 3347141.

Hex triplet	3312c5	`#3312c5`
RGB Decimal	51, 18, 197	`rgb(51,18,197)`
RGB Percent	20, 7.1, 77.3	`rgb(20%,7.1%,77.3%)`
CMYK	74, 91, 0, 23
HSL	251.1°, 83.3, 42.2	`hsl(251.1,83.3%,42.2%)`
HSV (or HSB)	251.1°, 90.9, 77.3
Web Safe	3300cc	`#3300cc`

CIE-LAB	27.205, 62.195, -83.035
XYZ	11.658, 5.167, 53.203
xyY	0.166, 0.074, 5.167
CIE-LCH	27.205, 103.745, 306.834
CIE-LUV	27.205, -3.677, -99.525
Hunter-Lab	22.731, 51.765, -122.86
Binary	00110011, 00010010, 11000101

#3312c5
```
#3312c5 rgb(51,18,197)
```
#a4c512
```
#a4c512 rgb(164,197,18)
```

Complementary Color

#124bc5
```
#124bc5 rgb(18,75,197)
```
#3312c5
```
#3312c5 rgb(51,18,197)
```
#8d12c5
```
#8d12c5 rgb(141,18,197)
```

Analogous Color

#4bc512
```
#4bc512 rgb(75,197,18)
```
#3312c5
```
#3312c5 rgb(51,18,197)
```
#c58d12
```
#c58d12 rgb(197,141,18)
```

Split Complementary Color

#12c533
```
#12c533 rgb(18,197,51)
```
#3312c5
```
#3312c5 rgb(51,18,197)
```
#c53312
```
#c53312 rgb(197,51,18)
```

Triadic Color

#12a4c5
```
#12a4c5 rgb(18,164,197)
```
#3312c5
```
#3312c5 rgb(51,18,197)
```
#c53312
```
#c53312 rgb(197,51,18)
```
#a4c512
```
#a4c512 rgb(164,197,18)
```

Tetradic Color

#210c7f
```
#210c7f rgb(33,12,127)
```
#270e96
```
#270e96 rgb(39,14,150)
```
#2d10ae
```
#2d10ae rgb(45,16,174)
```
#3312c5
```
#3312c5 rgb(51,18,197)
```
#3914dc
```
#3914dc rgb(57,20,220)
```
#451feb
```
#451feb rgb(69,31,235)
```
#5837ed
```
#5837ed rgb(88,55,237)
```

Monochromatic Color

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

#121ec5
```
#121ec5 rgb(18,30,197)
```
#1512c5
```
#1512c5 rgb(21,18,197)
```
#2412c5
```
#2412c5 rgb(36,18,197)
```
#3312c5
```
#3312c5 rgb(51,18,197)
```
#4212c5
```
#4212c5 rgb(66,18,197)
```
#5112c5
```
#5112c5 rgb(81,18,197)
```
#6012c5
```
#6012c5 rgb(96,18,197)
```

Similar Colors

Text with hexadecimal color #3312c5

This text has a font color of #3312c5.

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

#3312c5 background color

This paragraph has a background color of #3312c5.

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

#3312c5 border color

This element has a border color of #3312c5.

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

CSS codes

.text {color:#3312c5;}

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

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

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

#040211
```
#040211 rgb(4,2,17)
```
#090323
```
#090323 rgb(9,3,35)
```
#0e0535
```
#0e0535 rgb(14,5,53)
```
#120747
```
#120747 rgb(18,7,71)
```
#170859
```
#170859 rgb(23,8,89)
```
#1c0a6b
```
#1c0a6b rgb(28,10,107)
```
#200b7d
```
#200b7d rgb(32,11,125)
```
#250d8f
```
#250d8f rgb(37,13,143)
```
#2a0fa1
```
#2a0fa1 rgb(42,15,161)
```
#2e10b3
```
#2e10b3 rgb(46,16,179)
```
#3312c5
```
#3312c5 rgb(51,18,197)
```
#3814d7
```
#3814d7 rgb(56,20,215)
```
#3c15e9
```
#3c15e9 rgb(60,21,233)
```

Shade Color Variation

#4b27eb
```
#4b27eb rgb(75,39,235)
```
#5a39ed
```
#5a39ed rgb(90,57,237)
```
#694bef
```
#694bef rgb(105,75,239)
```
#785df0
```
#785df0 rgb(120,93,240)
```
#876ff2
```
#876ff2 rgb(135,111,242)
```
#9680f3
```
#9680f3 rgb(150,128,243)
```
#a592f5
```
#a592f5 rgb(165,146,245)
```
#b4a4f7
```
#b4a4f7 rgb(180,164,247)
```
#c3b6f8
```
#c3b6f8 rgb(195,182,248)
```
#d2c8fa
```
#d2c8fa rgb(210,200,250)
```
#e0dafc
```
#e0dafc rgb(224,218,252)
```
#efecfd
```
#efecfd rgb(239,236,253)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #676572 is the less saturated color, while #2901d6 is the most saturated one.

#676572
```
#676572 rgb(103,101,114)
```
#625c7b
```
#625c7b rgb(98,92,123)
```
#5d5483
```
#5d5483 rgb(93,84,131)
```
#584c8b
```
#584c8b rgb(88,76,139)
```
#524493
```
#524493 rgb(82,68,147)
```
#4d3b9c
```
#4d3b9c rgb(77,59,156)
```
#4833a4
```
#4833a4 rgb(72,51,164)
```
#432bac
```
#432bac rgb(67,43,172)
```
#3d23b4
```
#3d23b4 rgb(61,35,180)
```
#381abd
```
#381abd rgb(56,26,189)
```
#3312c5
```
#3312c5 rgb(51,18,197)
```
#2e0acd
```
#2e0acd rgb(46,10,205)
```
#2901d6
```
#2901d6 rgb(41,1,214)
```

Tone Color Variation

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

#303030 Achromatopsia 0.005% of the population
#312a4e Atypical Achromatopsia 0.001% of the population

Dichromacy

#00488b Protanopia 1% of men
#004c78 Deuteranopia 1% of men
#005155 Tritanopia 0.001% of the population

Trichromacy

#1234a0 Protanomaly 1% of men, 0.01% of women
#123794 Deuteranomaly 6% of men, 0.4% of women
#123a7d Tritanomaly 0.01% of the population

#3312c5 hex color

#3312c5 Color Information

#3312c5 Color Conversion

Color Schemes with #3312c5

Alternatives to #3312c5

#3312c5 Preview

Shades and Tints of #3312c5

Tones of #3312c5

Color Blindness Simulator