#3314bb hex color

In a RGB color space, hex #3314bb is composed of 20% red, 7.8% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 72.7% cyan, 89.3% magenta, 0% yellow and 26.7% black. It has a hue angle of 251.1 degrees, a saturation of 80.7% and a lightness of 40.6%. #3314bb color hex could be obtained by blending #6628ff with #000077. Closest websafe color is: #3300cc.

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

● #3314bb color description : Strong blue.

The hexadecimal color #3314bb has RGB values of R:51, G:20, B:187 and CMYK values of C:0.73, M:0.89, Y:0, K:0.27. Its decimal value is 3347643.

Hex triplet	3314bb	`#3314bb`
RGB Decimal	51, 20, 187	`rgb(51,20,187)`
RGB Percent	20, 7.8, 73.3	`rgb(20%,7.8%,73.3%)`
CMYK	73, 89, 0, 27
HSL	251.1°, 80.7, 40.6	`hsl(251.1,80.7%,40.6%)`
HSV (or HSB)	251.1°, 89.3, 73.3
Web Safe	3300cc	`#3300cc`

CIE-LAB	26.132, 58.942, -78.913
XYZ	10.583, 4.791, 47.378
xyY	0.169, 0.076, 4.791
CIE-LCH	26.132, 98.496, 306.757
CIE-LUV	26.132, -3.176, -93.873
Hunter-Lab	21.889, 47.997, -113.007
Binary	00110011, 00010100, 10111011

#3314bb
```
#3314bb rgb(51,20,187)
```
#9cbb14
```
#9cbb14 rgb(156,187,20)
```

Complementary Color

#1448bb
```
#1448bb rgb(20,72,187)
```
#3314bb
```
#3314bb rgb(51,20,187)
```
#8714bb
```
#8714bb rgb(135,20,187)
```

Analogous Color

#48bb14
```
#48bb14 rgb(72,187,20)
```
#3314bb
```
#3314bb rgb(51,20,187)
```
#bb8714
```
#bb8714 rgb(187,135,20)
```

Split Complementary Color

#14bb33
```
#14bb33 rgb(20,187,51)
```
#3314bb
```
#3314bb rgb(51,20,187)
```
#bb3314
```
#bb3314 rgb(187,51,20)
```

Triadic Color

#149cbb
```
#149cbb rgb(20,156,187)
```
#3314bb
```
#3314bb rgb(51,20,187)
```
#bb3314
```
#bb3314 rgb(187,51,20)
```
#9cbb14
```
#9cbb14 rgb(156,187,20)
```

Tetradic Color

#200d76
```
#200d76 rgb(32,13,118)
```
#260f8d
```
#260f8d rgb(38,15,141)
```
#2d12a4
```
#2d12a4 rgb(45,18,164)
```
#3314bb
```
#3314bb rgb(51,20,187)
```
#3916d2
```
#3916d2 rgb(57,22,210)
```
#411be7
```
#411be7 rgb(65,27,231)
```
#5432e9
```
#5432e9 rgb(84,50,233)
```

Monochromatic Color

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

#141fbb
```
#141fbb rgb(20,31,187)
```
#1714bb
```
#1714bb rgb(23,20,187)
```
#2514bb
```
#2514bb rgb(37,20,187)
```
#3314bb
```
#3314bb rgb(51,20,187)
```
#4114bb
```
#4114bb rgb(65,20,187)
```
#4f14bb
```
#4f14bb rgb(79,20,187)
```
#5d14bb
```
#5d14bb rgb(93,20,187)
```

Similar Colors

Text with hexadecimal color #3314bb

This text has a font color of #3314bb.

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

#3314bb background color

This paragraph has a background color of #3314bb.

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

#3314bb border color

This element has a border color of #3314bb.

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

CSS codes

.text {color:#3314bb;}

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

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

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, #03010a is the darkest color, while #f8f7fe is the lightest one.

#03010a
```
#03010a rgb(3,1,10)
```
#08031c
```
#08031c rgb(8,3,28)
```
#0c052d
```
#0c052d rgb(12,5,45)
```
#11073f
```
#11073f rgb(17,7,63)
```
#160951
```
#160951 rgb(22,9,81)
```
#1b0b62
```
#1b0b62 rgb(27,11,98)
```
#200c74
```
#200c74 rgb(32,12,116)
```
#250e86
```
#250e86 rgb(37,14,134)
```
#291098
```
#291098 rgb(41,16,152)
```
#2e12a9
```
#2e12a9 rgb(46,18,169)
```
#3314bb
```
#3314bb rgb(51,20,187)
```
#3816cd
```
#3816cd rgb(56,22,205)
```
#3d18de
```
#3d18de rgb(61,24,222)
```

Shade Color Variation

#4722e7
```
#4722e7 rgb(71,34,231)
```
#5634e9
```
#5634e9 rgb(86,52,233)
```
#6546eb
```
#6546eb rgb(101,70,235)
```
#7358ed
```
#7358ed rgb(115,88,237)
```
#8269ef
```
#8269ef rgb(130,105,239)
```
#917bf1
```
#917bf1 rgb(145,123,241)
```
#a08df3
```
#a08df3 rgb(160,141,243)
```
#ae9ef5
```
#ae9ef5 rgb(174,158,245)
```
#bdb0f7
```
#bdb0f7 rgb(189,176,247)
```
#ccc2f8
```
#ccc2f8 rgb(204,194,248)
```
#dbd4fa
```
#dbd4fa rgb(219,212,250)
```
#eae5fc
```
#eae5fc rgb(234,229,252)
```
#f8f7fe
```
#f8f7fe rgb(248,247,254)
```

Tint Color Variation

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

#65646b
```
#65646b rgb(101,100,107)
```
#605c73
```
#605c73 rgb(96,92,115)
```
#5b547b
```
#5b547b rgb(91,84,123)
```
#564c83
```
#564c83 rgb(86,76,131)
```
#51448b
```
#51448b rgb(81,68,139)
```
#4c3c93
```
#4c3c93 rgb(76,60,147)
```
#47349b
```
#47349b rgb(71,52,155)
```
#422ca3
```
#422ca3 rgb(66,44,163)
```
#3d24ab
```
#3d24ab rgb(61,36,171)
```
#381cb3
```
#381cb3 rgb(56,28,179)
```
#3314bb
```
#3314bb rgb(51,20,187)
```
#2e0cc3
```
#2e0cc3 rgb(46,12,195)
```
#2904cb
```
#2904cb rgb(41,4,203)
```

Tone Color Variation

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

Dichromacy

#004587 Protanopia 1% of men
#004a75 Deuteranopia 1% of men
#004f52 Tritanopia 0.001% of the population

Trichromacy

#12339a Protanomaly 1% of men, 0.01% of women
#12368e Deuteranomaly 6% of men, 0.4% of women
#123978 Tritanomaly 0.01% of the population

#3314bb hex color

#3314bb Color Information

#3314bb Color Conversion

Color Schemes with #3314bb

Alternatives to #3314bb

#3314bb Preview

Shades and Tints of #3314bb

Tones of #3314bb

Color Blindness Simulator