#3313b4 hex color

In a RGB color space, hex #3313b4 is composed of 20% red, 7.5% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 71.7% cyan, 89.4% magenta, 0% yellow and 29.4% black. It has a hue angle of 251.9 degrees, a saturation of 80.9% and a lightness of 39%. #3313b4 color hex could be obtained by blending #6626ff with #000069. Closest websafe color is: #3300cc.

♥
- f
- t
- g
- R 20
- G 7
- B 71
RGB color chart
- C 72
- M 89
- Y 0
- K 29
CMYK color chart

● #3313b4 color description : Strong blue.

The hexadecimal color #3313b4 has RGB values of R:51, G:19, B:180 and CMYK values of C:0.72, M:0.89, Y:0, K:0.29. Its decimal value is 3347380.

Hex triplet	3313b4	`#3313b4`
RGB Decimal	51, 19, 180	`rgb(51,19,180)`
RGB Percent	20, 7.5, 70.6	`rgb(20%,7.5%,70.6%)`
CMYK	72, 89, 0, 29
HSL	251.9°, 80.9, 39	`hsl(251.9,80.9%,39%)`
HSV (or HSB)	251.9°, 89.4, 70.6
Web Safe	3300cc	`#3300cc`

CIE-LAB	25.151, 57.362, -76.375
XYZ	9.835, 4.464, 43.521
xyY	0.17, 0.077, 4.464
CIE-LCH	25.151, 95.517, 306.908
CIE-LUV	25.151, -2.658, -89.774
Hunter-Lab	21.129, 46.109, -107.334
Binary	00110011, 00010011, 10110100

#3313b4
```
#3313b4 rgb(51,19,180)
```
#94b413
```
#94b413 rgb(148,180,19)
```

Complementary Color

#1344b4
```
#1344b4 rgb(19,68,180)
```
#3313b4
```
#3313b4 rgb(51,19,180)
```
#8413b4
```
#8413b4 rgb(132,19,180)
```

Analogous Color

#44b413
```
#44b413 rgb(68,180,19)
```
#3313b4
```
#3313b4 rgb(51,19,180)
```
#b48413
```
#b48413 rgb(180,132,19)
```

Split Complementary Color

#13b433
```
#13b433 rgb(19,180,51)
```
#3313b4
```
#3313b4 rgb(51,19,180)
```
#b43313
```
#b43313 rgb(180,51,19)
```

Triadic Color

#1394b4
```
#1394b4 rgb(19,148,180)
```
#3313b4
```
#3313b4 rgb(51,19,180)
```
#b43313
```
#b43313 rgb(180,51,19)
```
#94b413
```
#94b413 rgb(148,180,19)
```

Tetradic Color

#1f0c6f
```
#1f0c6f rgb(31,12,111)
```
#260e86
```
#260e86 rgb(38,14,134)
```
#2c119d
```
#2c119d rgb(44,17,157)
```
#3313b4
```
#3313b4 rgb(51,19,180)
```
#3a15cb
```
#3a15cb rgb(58,21,203)
```
#4018e2
```
#4018e2 rgb(64,24,226)
```
#512be9
```
#512be9 rgb(81,43,233)
```

Monochromatic Color

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

#131bb4
```
#131bb4 rgb(19,27,180)
```
#1813b4
```
#1813b4 rgb(24,19,180)
```
#2613b4
```
#2613b4 rgb(38,19,180)
```
#3313b4
```
#3313b4 rgb(51,19,180)
```
#4013b4
```
#4013b4 rgb(64,19,180)
```
#4e13b4
```
#4e13b4 rgb(78,19,180)
```
#5b13b4
```
#5b13b4 rgb(91,19,180)
```

Similar Colors

Text with hexadecimal color #3313b4

This text has a font color of #3313b4.

<span style="color:#3313b4;">Text here</span>

#3313b4 background color

This paragraph has a background color of #3313b4.

<p style="background-color:#3313b4;">Content here</p>

#3313b4 border color

This element has a border color of #3313b4.

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

CSS codes

.text {color:#3313b4;}

.background {background-color:#3313b4;}

.border {border:1px solid #3313b4;}

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

#010003
```
#010003 rgb(1,0,3)
```
#060214
```
#060214 rgb(6,2,20)
```
#0b0426
```
#0b0426 rgb(11,4,38)
```
#100638
```
#100638 rgb(16,6,56)
```
#15084a
```
#15084a rgb(21,8,74)
```
#1a0a5b
```
#1a0a5b rgb(26,10,91)
```
#1f0c6d
```
#1f0c6d rgb(31,12,109)
```
#240d7f
```
#240d7f rgb(36,13,127)
```
#290f91
```
#290f91 rgb(41,15,145)
```
#2e11a2
```
#2e11a2 rgb(46,17,162)
```
#3313b4
```
#3313b4 rgb(51,19,180)
```
#3815c6
```
#3815c6 rgb(56,21,198)
```
#3d17d7
```
#3d17d7 rgb(61,23,215)
```

Shade Color Variation

#431be7
```
#431be7 rgb(67,27,231)
```
#522de9
```
#522de9 rgb(82,45,233)
```
#613eeb
```
#613eeb rgb(97,62,235)
```
#6f50ed
```
#6f50ed rgb(111,80,237)
```
#7e62ee
```
#7e62ee rgb(126,98,238)
```
#8c74f0
```
#8c74f0 rgb(140,116,240)
```
#9b85f2
```
#9b85f2 rgb(155,133,242)
```
#aa97f4
```
#aa97f4 rgb(170,151,244)
```
#b8a9f6
```
#b8a9f6 rgb(184,169,246)
```
#c7bbf8
```
#c7bbf8 rgb(199,187,248)
```
#d5ccfa
```
#d5ccfa rgb(213,204,250)
```
#e4defc
```
#e4defc rgb(228,222,252)
```
#f3f0fd
```
#f3f0fd rgb(243,240,253)
```

Tint Color Variation

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

#616067
```
#616067 rgb(97,96,103)
```
#5d586f
```
#5d586f rgb(93,88,111)
```
#585077
```
#585077 rgb(88,80,119)
```
#53497e
```
#53497e rgb(83,73,126)
```
#4f4186
```
#4f4186 rgb(79,65,134)
```
#4a398e
```
#4a398e rgb(74,57,142)
```
#453295
```
#453295 rgb(69,50,149)
```
#412a9d
```
#412a9d rgb(65,42,157)
```
#3c22a5
```
#3c22a5 rgb(60,34,165)
```
#381bac
```
#381bac rgb(56,27,172)
```
#3313b4
```
#3313b4 rgb(51,19,180)
```
#2e0bbc
```
#2e0bbc rgb(46,11,188)
```
#2a04c3
```
#2a04c3 rgb(42,4,195)
```

Tone Color Variation

Below, you can see how #3313b4 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
#30294a Atypical Achromatopsia 0.001% of the population

Dichromacy

#004383 Protanopia 1% of men
#004771 Deuteranopia 1% of men
#004c50 Tritanopia 0.001% of the population

Trichromacy

#123295 Protanomaly 1% of men, 0.01% of women
#123489 Deuteranomaly 6% of men, 0.4% of women
#123774 Tritanomaly 0.01% of the population

#3313b4 hex color

#3313b4 Color Information

#3313b4 Color Conversion

Color Schemes with #3313b4

Alternatives to #3313b4

#3313b4 Preview

Shades and Tints of #3313b4

Tones of #3313b4

Color Blindness Simulator