#3314b2 hex color

In a RGB color space, hex #3314b2 is composed of 20% red, 7.8% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 71.3% cyan, 88.8% magenta, 0% yellow and 30.2% black. It has a hue angle of 251.8 degrees, a saturation of 79.8% and a lightness of 38.8%. #3314b2 color hex could be obtained by blending #6628ff with #000065. Closest websafe color is: #330099.

♥
- f
- t
- g
- R 20
- G 8
- B 70
RGB color chart
- C 71
- M 89
- Y 0
- K 30
CMYK color chart

● #3314b2 color description : Dark blue.

The hexadecimal color #3314b2 has RGB values of R:51, G:20, B:178 and CMYK values of C:0.71, M:0.89, Y:0, K:0.3. Its decimal value is 3347634.

Hex triplet	3314b2	`#3314b2`
RGB Decimal	51, 20, 178	`rgb(51,20,178)`
RGB Percent	20, 7.8, 69.8	`rgb(20%,7.8%,69.8%)`
CMYK	71, 89, 0, 30
HSL	251.8°, 79.8, 38.8	`hsl(251.8,79.8%,38.8%)`
HSV (or HSB)	251.8°, 88.8, 69.8
Web Safe	330099	`#330099`

CIE-LAB	25.008, 56.496, -75.416
XYZ	9.65, 4.418, 42.461
xyY	0.171, 0.078, 4.418
CIE-LCH	25.008, 94.231, 306.838
CIE-LUV	25.008, -2.595, -88.674
Hunter-Lab	21.019, 45.165, -105.061
Binary	00110011, 00010100, 10110010

#3314b2
```
#3314b2 rgb(51,20,178)
```
#93b214
```
#93b214 rgb(147,178,20)
```

Complementary Color

#1444b2
```
#1444b2 rgb(20,68,178)
```
#3314b2
```
#3314b2 rgb(51,20,178)
```
#8214b2
```
#8214b2 rgb(130,20,178)
```

Analogous Color

#44b214
```
#44b214 rgb(68,178,20)
```
#3314b2
```
#3314b2 rgb(51,20,178)
```
#b28214
```
#b28214 rgb(178,130,20)
```

Split Complementary Color

#14b233
```
#14b233 rgb(20,178,51)
```
#3314b2
```
#3314b2 rgb(51,20,178)
```
#b23314
```
#b23314 rgb(178,51,20)
```

Triadic Color

#1493b2
```
#1493b2 rgb(20,147,178)
```
#3314b2
```
#3314b2 rgb(51,20,178)
```
#b23314
```
#b23314 rgb(178,51,20)
```
#93b214
```
#93b214 rgb(147,178,20)
```

Tetradic Color

#1f0c6d
```
#1f0c6d rgb(31,12,109)
```
#260f84
```
#260f84 rgb(38,15,132)
```
#2c119b
```
#2c119b rgb(44,17,155)
```
#3314b2
```
#3314b2 rgb(51,20,178)
```
#3a17c9
```
#3a17c9 rgb(58,23,201)
```
#4019e0
```
#4019e0 rgb(64,25,224)
```
#502be7
```
#502be7 rgb(80,43,231)
```

Monochromatic Color

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

#141cb2
```
#141cb2 rgb(20,28,178)
```
#1914b2
```
#1914b2 rgb(25,20,178)
```
#2614b2
```
#2614b2 rgb(38,20,178)
```
#3314b2
```
#3314b2 rgb(51,20,178)
```
#4014b2
```
#4014b2 rgb(64,20,178)
```
#4d14b2
```
#4d14b2 rgb(77,20,178)
```
#5b14b2
```
#5b14b2 rgb(91,20,178)
```

Similar Colors

Text with hexadecimal color #3314b2

This text has a font color of #3314b2.

<span style="color:#3314b2;">Text here</span>

#3314b2 background color

This paragraph has a background color of #3314b2.

<p style="background-color:#3314b2;">Content here</p>

#3314b2 border color

This element has a border color of #3314b2.

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

CSS codes

.text {color:#3314b2;}

.background {background-color:#3314b2;}

.border {border:1px solid #3314b2;}

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

#000002
```
#000002 rgb(0,0,2)
```
#060213
```
#060213 rgb(6,2,19)
```
#0b0425
```
#0b0425 rgb(11,4,37)
```
#100637
```
#100637 rgb(16,6,55)
```
#150848
```
#150848 rgb(21,8,72)
```
#1a0a5a
```
#1a0a5a rgb(26,10,90)
```
#1f0c6b
```
#1f0c6b rgb(31,12,107)
```
#240e7d
```
#240e7d rgb(36,14,125)
```
#29108f
```
#29108f rgb(41,16,143)
```
#2e12a0
```
#2e12a0 rgb(46,18,160)
```
#3314b2
```
#3314b2 rgb(51,20,178)
```
#3816c4
```
#3816c4 rgb(56,22,196)
```
#3d18d5
```
#3d18d5 rgb(61,24,213)
```

Shade Color Variation

#431be5
```
#431be5 rgb(67,27,229)
```
#522de7
```
#522de7 rgb(82,45,231)
```
#603fe9
```
#603fe9 rgb(96,63,233)
```
#6f50eb
```
#6f50eb rgb(111,80,235)
```
#7d62ed
```
#7d62ed rgb(125,98,237)
```
#8c74ef
```
#8c74ef rgb(140,116,239)
```
#9a85f1
```
#9a85f1 rgb(154,133,241)
```
#a997f3
```
#a997f3 rgb(169,151,243)
```
#b8a8f5
```
#b8a8f5 rgb(184,168,245)
```
#c6baf7
```
#c6baf7 rgb(198,186,247)
```
#d5ccf9
```
#d5ccf9 rgb(213,204,249)
```
#e3ddfb
```
#e3ddfb rgb(227,221,251)
```
#f2effd
```
#f2effd rgb(242,239,253)
```

Tint Color Variation

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

#616066
```
#616066 rgb(97,96,102)
```
#5d596d
```
#5d596d rgb(93,89,109)
```
#585175
```
#585175 rgb(88,81,117)
```
#53497d
```
#53497d rgb(83,73,125)
```
#4f4284
```
#4f4284 rgb(79,66,132)
```
#4a3a8c
```
#4a3a8c rgb(74,58,140)
```
#463294
```
#463294 rgb(70,50,148)
```
#412b9b
```
#412b9b rgb(65,43,155)
```
#3c23a3
```
#3c23a3 rgb(60,35,163)
```
#381caa
```
#381caa rgb(56,28,170)
```
#3314b2
```
#3314b2 rgb(51,20,178)
```
#2e0cba
```
#2e0cba rgb(46,12,186)
```
#2a05c1
```
#2a05c1 rgb(42,5,193)
```

Tone Color Variation

Below, you can see how #3314b2 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
#302a49 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

#123294 Protanomaly 1% of men, 0.01% of women
#123488 Deuteranomaly 6% of men, 0.4% of women
#123773 Tritanomaly 0.01% of the population

#3314b2 hex color

#3314b2 Color Information

#3314b2 Color Conversion

Color Schemes with #3314b2

Alternatives to #3314b2

#3314b2 Preview

Shades and Tints of #3314b2

Tones of #3314b2

Color Blindness Simulator