#3314b8 hex color

In a RGB color space, hex #3314b8 is composed of 20% red, 7.8% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 72.3% cyan, 89.1% magenta, 0% yellow and 27.8% black. It has a hue angle of 251.3 degrees, a saturation of 80.4% and a lightness of 40%. #3314b8 color hex could be obtained by blending #6628ff with #000071. Closest websafe color is: #3300cc.

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

● #3314b8 color description : Strong blue.

The hexadecimal color #3314b8 has RGB values of R:51, G:20, B:184 and CMYK values of C:0.72, M:0.89, Y:0, K:0.28. Its decimal value is 3347640.

Hex triplet	3314b8	`#3314b8`
RGB Decimal	51, 20, 184	`rgb(51,20,184)`
RGB Percent	20, 7.8, 72.2	`rgb(20%,7.8%,72.2%)`
CMYK	72, 89, 0, 28
HSL	251.3°, 80.4, 40	`hsl(251.3,80.4%,40%)`
HSV (or HSB)	251.3°, 89.1, 72.2
Web Safe	3300cc	`#3300cc`

CIE-LAB	25.756, 58.13, -77.755
XYZ	10.265, 4.664, 45.704
xyY	0.169, 0.077, 4.664
CIE-LCH	25.756, 97.082, 306.782
CIE-LUV	25.756, -2.984, -92.142
Hunter-Lab	21.597, 47.05, -110.353
Binary	00110011, 00010100, 10111000

#3314b8
```
#3314b8 rgb(51,20,184)
```
#99b814
```
#99b814 rgb(153,184,20)
```

Complementary Color

#1447b8
```
#1447b8 rgb(20,71,184)
```
#3314b8
```
#3314b8 rgb(51,20,184)
```
#8514b8
```
#8514b8 rgb(133,20,184)
```

Analogous Color

#47b814
```
#47b814 rgb(71,184,20)
```
#3314b8
```
#3314b8 rgb(51,20,184)
```
#b88514
```
#b88514 rgb(184,133,20)
```

Split Complementary Color

#14b833
```
#14b833 rgb(20,184,51)
```
#3314b8
```
#3314b8 rgb(51,20,184)
```
#b83314
```
#b83314 rgb(184,51,20)
```

Triadic Color

#1499b8
```
#1499b8 rgb(20,153,184)
```
#3314b8
```
#3314b8 rgb(51,20,184)
```
#b83314
```
#b83314 rgb(184,51,20)
```
#99b814
```
#99b814 rgb(153,184,20)
```

Tetradic Color

#200d73
```
#200d73 rgb(32,13,115)
```
#260f8a
```
#260f8a rgb(38,15,138)
```
#2d12a1
```
#2d12a1 rgb(45,18,161)
```
#3314b8
```
#3314b8 rgb(51,20,184)
```
#3917cf
```
#3917cf rgb(57,23,207)
```
#4019e6
```
#4019e6 rgb(64,25,230)
```
#5330e9
```
#5330e9 rgb(83,48,233)
```

Monochromatic Color

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

#141eb8
```
#141eb8 rgb(20,30,184)
```
#1814b8
```
#1814b8 rgb(24,20,184)
```
#2514b8
```
#2514b8 rgb(37,20,184)
```
#3314b8
```
#3314b8 rgb(51,20,184)
```
#4114b8
```
#4114b8 rgb(65,20,184)
```
#4e14b8
```
#4e14b8 rgb(78,20,184)
```
#5c14b8
```
#5c14b8 rgb(92,20,184)
```

Similar Colors

Text with hexadecimal color #3314b8

This text has a font color of #3314b8.

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

#3314b8 background color

This paragraph has a background color of #3314b8.

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

#3314b8 border color

This element has a border color of #3314b8.

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

CSS codes

.text {color:#3314b8;}

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

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

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

#020107
```
#020107 rgb(2,1,7)
```
#070319
```
#070319 rgb(7,3,25)
```
#0c052a
```
#0c052a rgb(12,5,42)
```
#11073c
```
#11073c rgb(17,7,60)
```
#16084e
```
#16084e rgb(22,8,78)
```
#1a0a60
```
#1a0a60 rgb(26,10,96)
```
#1f0c71
```
#1f0c71 rgb(31,12,113)
```
#240e83
```
#240e83 rgb(36,14,131)
```
#291095
```
#291095 rgb(41,16,149)
```
#2e12a6
```
#2e12a6 rgb(46,18,166)
```
#3314b8
```
#3314b8 rgb(51,20,184)
```
#3816ca
```
#3816ca rgb(56,22,202)
```
#3d18db
```
#3d18db rgb(61,24,219)
```

Shade Color Variation

#4620e7
```
#4620e7 rgb(70,32,231)
```
#5432e9
```
#5432e9 rgb(84,50,233)
```
#6343eb
```
#6343eb rgb(99,67,235)
```
#7255ed
```
#7255ed rgb(114,85,237)
```
#8067ee
```
#8067ee rgb(128,103,238)
```
#8f79f0
```
#8f79f0 rgb(143,121,240)
```
#9e8af2
```
#9e8af2 rgb(158,138,242)
```
#ad9cf4
```
#ad9cf4 rgb(173,156,244)
```
#bbaef6
```
#bbaef6 rgb(187,174,246)
```
#cabff8
```
#cabff8 rgb(202,191,248)
```
#d9d1fa
```
#d9d1fa rgb(217,209,250)
```
#e7e3fc
```
#e7e3fc rgb(231,227,252)
```
#f6f4fe
```
#f6f4fe rgb(246,244,254)
```

Tint Color Variation

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

#64626a
```
#64626a rgb(100,98,106)
```
#5f5b71
```
#5f5b71 rgb(95,91,113)
```
#5a5379
```
#5a5379 rgb(90,83,121)
```
#554b81
```
#554b81 rgb(85,75,129)
```
#504389
```
#504389 rgb(80,67,137)
```
#4b3b91
```
#4b3b91 rgb(75,59,145)
```
#473399
```
#473399 rgb(71,51,153)
```
#422ca0
```
#422ca0 rgb(66,44,160)
```
#3d24a8
```
#3d24a8 rgb(61,36,168)
```
#381cb0
```
#381cb0 rgb(56,28,176)
```
#3314b8
```
#3314b8 rgb(51,20,184)
```
#2e0cc0
```
#2e0cc0 rgb(46,12,192)
```
#2904c8
```
#2904c8 rgb(41,4,200)
```

Tone Color Variation

Below, you can see how #3314b8 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
#004973 Deuteranopia 1% of men
#004e52 Tritanopia 0.001% of the population

Trichromacy

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

#3314b8 hex color

#3314b8 Color Information

#3314b8 Color Conversion

Color Schemes with #3314b8

Alternatives to #3314b8

#3314b8 Preview

Shades and Tints of #3314b8

Tones of #3314b8

Color Blindness Simulator