#3314b9 hex color

In a RGB color space, hex #3314b9 is composed of 20% red, 7.8% green and 72.5% blue. Whereas in a CMYK color space, it is composed of 72.4% cyan, 89.2% magenta, 0% yellow and 27.5% black. It has a hue angle of 251.3 degrees, a saturation of 80.5% and a lightness of 40.2%. #3314b9 color hex could be obtained by blending #6628ff with #000073. Closest websafe color is: #3300cc.

♥
- f
- t
- g
- R 20
- G 8
- B 73
RGB color chart
- C 72
- M 89
- Y 0
- K 27
CMYK color chart

● #3314b9 color description : Strong blue.

The hexadecimal color #3314b9 has RGB values of R:51, G:20, B:185 and CMYK values of C:0.72, M:0.89, Y:0, K:0.27. Its decimal value is 3347641.

Hex triplet	3314b9	`#3314b9`
RGB Decimal	51, 20, 185	`rgb(51,20,185)`
RGB Percent	20, 7.8, 72.5	`rgb(20%,7.8%,72.5%)`
CMYK	72, 89, 0, 27
HSL	251.3°, 80.5, 40.2	`hsl(251.3,80.5%,40.2%)`
HSV (or HSB)	251.3°, 89.2, 72.5
Web Safe	3300cc	`#3300cc`

CIE-LAB	25.881, 58.401, -78.142
XYZ	10.371, 4.706, 46.258
xyY	0.169, 0.077, 4.706
CIE-LCH	25.881, 97.554, 306.773
CIE-LUV	25.881, -3.048, -92.719
Hunter-Lab	21.694, 47.365, -111.237
Binary	00110011, 00010100, 10111001

#3314b9
```
#3314b9 rgb(51,20,185)
```
#9ab914
```
#9ab914 rgb(154,185,20)
```

Complementary Color

#1448b9
```
#1448b9 rgb(20,72,185)
```
#3314b9
```
#3314b9 rgb(51,20,185)
```
#8614b9
```
#8614b9 rgb(134,20,185)
```

Analogous Color

#48b914
```
#48b914 rgb(72,185,20)
```
#3314b9
```
#3314b9 rgb(51,20,185)
```
#b98614
```
#b98614 rgb(185,134,20)
```

Split Complementary Color

#14b933
```
#14b933 rgb(20,185,51)
```
#3314b9
```
#3314b9 rgb(51,20,185)
```
#b93314
```
#b93314 rgb(185,51,20)
```

Triadic Color

#149ab9
```
#149ab9 rgb(20,154,185)
```
#3314b9
```
#3314b9 rgb(51,20,185)
```
#b93314
```
#b93314 rgb(185,51,20)
```
#9ab914
```
#9ab914 rgb(154,185,20)
```

Tetradic Color

#200d74
```
#200d74 rgb(32,13,116)
```
#260f8b
```
#260f8b rgb(38,15,139)
```
#2d12a2
```
#2d12a2 rgb(45,18,162)
```
#3314b9
```
#3314b9 rgb(51,20,185)
```
#3916d0
```
#3916d0 rgb(57,22,208)
```
#401ae6
```
#401ae6 rgb(64,26,230)
```
#5331e9
```
#5331e9 rgb(83,49,233)
```

Monochromatic Color

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

#141eb9
```
#141eb9 rgb(20,30,185)
```
#1814b9
```
#1814b9 rgb(24,20,185)
```
#2514b9
```
#2514b9 rgb(37,20,185)
```
#3314b9
```
#3314b9 rgb(51,20,185)
```
#4114b9
```
#4114b9 rgb(65,20,185)
```
#4f14b9
```
#4f14b9 rgb(79,20,185)
```
#5c14b9
```
#5c14b9 rgb(92,20,185)
```

Similar Colors

Text with hexadecimal color #3314b9

This text has a font color of #3314b9.

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

#3314b9 background color

This paragraph has a background color of #3314b9.

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

#3314b9 border color

This element has a border color of #3314b9.

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

CSS codes

.text {color:#3314b9;}

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

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

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

#020108
```
#020108 rgb(2,1,8)
```
#07031a
```
#07031a rgb(7,3,26)
```
#0c052b
```
#0c052b rgb(12,5,43)
```
#11073d
```
#11073d rgb(17,7,61)
```
#16094f
```
#16094f rgb(22,9,79)
```
#1b0a60
```
#1b0a60 rgb(27,10,96)
```
#1f0c72
```
#1f0c72 rgb(31,12,114)
```
#240e84
```
#240e84 rgb(36,14,132)
```
#291096
```
#291096 rgb(41,16,150)
```
#2e12a7
```
#2e12a7 rgb(46,18,167)
```
#3314b9
```
#3314b9 rgb(51,20,185)
```
#3816cb
```
#3816cb rgb(56,22,203)
```
#3d18dc
```
#3d18dc rgb(61,24,220)
```

Shade Color Variation

#4621e7
```
#4621e7 rgb(70,33,231)
```
#5533e9
```
#5533e9 rgb(85,51,233)
```
#6444eb
```
#6444eb rgb(100,68,235)
```
#7256ed
```
#7256ed rgb(114,86,237)
```
#8168ef
```
#8168ef rgb(129,104,239)
```
#9079f1
```
#9079f1 rgb(144,121,241)
```
#9e8bf2
```
#9e8bf2 rgb(158,139,242)
```
#ad9df4
```
#ad9df4 rgb(173,157,244)
```
#bcaef6
```
#bcaef6 rgb(188,174,246)
```
#cbc0f8
```
#cbc0f8 rgb(203,192,248)
```
#d9d2fa
```
#d9d2fa rgb(217,210,250)
```
#e8e4fc
```
#e8e4fc rgb(232,228,252)
```
#f7f5fe
```
#f7f5fe rgb(247,245,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #64636a is the less saturated color, while #2904c9 is the most saturated one.

#64636a
```
#64636a rgb(100,99,106)
```
#5f5b72
```
#5f5b72 rgb(95,91,114)
```
#5a537a
```
#5a537a rgb(90,83,122)
```
#554b82
```
#554b82 rgb(85,75,130)
```
#51438a
```
#51438a rgb(81,67,138)
```
#4c3b92
```
#4c3b92 rgb(76,59,146)
```
#473499
```
#473499 rgb(71,52,153)
```
#422ca1
```
#422ca1 rgb(66,44,161)
```
#3d24a9
```
#3d24a9 rgb(61,36,169)
```
#381cb1
```
#381cb1 rgb(56,28,177)
```
#3314b9
```
#3314b9 rgb(51,20,185)
```
#2e0cc1
```
#2e0cc1 rgb(46,12,193)
```
#2904c9
```
#2904c9 rgb(41,4,201)
```

Tone Color Variation

Below, you can see how #3314b9 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
#312a4b Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#123398 Protanomaly 1% of men, 0.01% of women
#12368d Deuteranomaly 6% of men, 0.4% of women
#123977 Tritanomaly 0.01% of the population

#3314b9 hex color

#3314b9 Color Information

#3314b9 Color Conversion

Color Schemes with #3314b9

Alternatives to #3314b9

#3314b9 Preview

Shades and Tints of #3314b9

Tones of #3314b9

Color Blindness Simulator