#3114ff hex color

In a RGB color space, hex #3114ff is composed of 19.2% red, 7.8% green and 100% blue. Whereas in a CMYK color space, it is composed of 80.8% cyan, 92.2% magenta, 0% yellow and 0% black. It has a hue angle of 247.4 degrees, a saturation of 100% and a lightness of 53.9%. #3114ff color hex could be obtained by blending #6228ff with #0000ff. Closest websafe color is: #3300ff.

♥
- f
- t
- g
- R 19
- G 8
- B 100
RGB color chart
- C 81
- M 92
- Y 0
- K 0
CMYK color chart

● #3114ff color description : Vivid blue.

The hexadecimal color #3114ff has RGB values of R:49, G:20, B:255 and CMYK values of C:0.81, M:0.92, Y:0, K:0. Its decimal value is 3216639.

Hex triplet	3114ff	`#3114ff`
RGB Decimal	49, 20, 255	`rgb(49,20,255)`
RGB Percent	19.2, 7.8, 100	`rgb(19.2%,7.8%,100%)`
CMYK	81, 92, 0, 0
HSL	247.4°, 100, 53.9	`hsl(247.4,100%,53.9%)`
HSV (or HSB)	247.4°, 92.2, 100
Web Safe	3300ff	`#3300ff`

CIE-LAB	34.746, 76.482, -103.743
XYZ	19.563, 8.372, 95.187
xyY	0.159, 0.068, 8.372
CIE-LCH	34.746, 128.888, 306.399
CIE-LUV	34.746, -7.297, -132.526
Hunter-Lab	28.934, 70.053, -174.796
Binary	00110001, 00010100, 11111111

#3114ff
```
#3114ff rgb(49,20,255)
```
#e2ff14
```
#e2ff14 rgb(226,255,20)
```

Complementary Color

#146dff
```
#146dff rgb(20,109,255)
```
#3114ff
```
#3114ff rgb(49,20,255)
```
#a714ff
```
#a714ff rgb(167,20,255)
```

Analogous Color

#6dff14
```
#6dff14 rgb(109,255,20)
```
#3114ff
```
#3114ff rgb(49,20,255)
```
#ffa714
```
#ffa714 rgb(255,167,20)
```

Split Complementary Color

#14ff31
```
#14ff31 rgb(20,255,49)
```
#3114ff
```
#3114ff rgb(49,20,255)
```
#ff3114
```
#ff3114 rgb(255,49,20)
```

Triadic Color

#14e2ff
```
#14e2ff rgb(20,226,255)
```
#3114ff
```
#3114ff rgb(49,20,255)
```
#ff3114
```
#ff3114 rgb(255,49,20)
```
#e2ff14
```
#e2ff14 rgb(226,255,20)
```

Tetradic Color

#1800c7
```
#1800c7 rgb(24,0,199)
```
#1c00e0
```
#1c00e0 rgb(28,0,224)
```
#1f00fa
```
#1f00fa rgb(31,0,250)
```
#3114ff
```
#3114ff rgb(49,20,255)
```
#472eff
```
#472eff rgb(71,46,255)
```
#5e47ff
```
#5e47ff rgb(94,71,255)
```
#7461ff
```
#7461ff rgb(116,97,255)
```

Monochromatic Color

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

#1432ff
```
#1432ff rgb(20,50,255)
```
#141eff
```
#141eff rgb(20,30,255)
```
#1d14ff
```
#1d14ff rgb(29,20,255)
```
#3114ff
```
#3114ff rgb(49,20,255)
```
#4514ff
```
#4514ff rgb(69,20,255)
```
#5814ff
```
#5814ff rgb(88,20,255)
```
#6c14ff
```
#6c14ff rgb(108,20,255)
```

Similar Colors

Text with hexadecimal color #3114ff

This text has a font color of #3114ff.

<span style="color:#3114ff;">Text here</span>

#3114ff background color

This paragraph has a background color of #3114ff.

<p style="background-color:#3114ff;">Content here</p>

#3114ff border color

This element has a border color of #3114ff.

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

CSS codes

.text {color:#3114ff;}

.background {background-color:#3114ff;}

.border {border:1px solid #3114ff;}

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

#000000
```
#000000 rgb(0,0,0)
```
#020014
```
#020014 rgb(2,0,20)
```
#050028
```
#050028 rgb(5,0,40)
```
#07003b
```
#07003b rgb(7,0,59)
```
#0a004f
```
#0a004f rgb(10,0,79)
```
#0c0062
```
#0c0062 rgb(12,0,98)
```
#0f0076
```
#0f0076 rgb(15,0,118)
```
#11008a
```
#11008a rgb(17,0,138)
```
#13009d
```
#13009d rgb(19,0,157)
```
#1600b1
```
#1600b1 rgb(22,0,177)
```
#1800c5
```
#1800c5 rgb(24,0,197)
```
#1b00d8
```
#1b00d8 rgb(27,0,216)
```
#1d00ec
```
#1d00ec rgb(29,0,236)
```

Shade Color Variation

#2000ff
```
#2000ff rgb(32,0,255)
```
#3114ff
```
#3114ff rgb(49,20,255)
```
#4228ff
```
#4228ff rgb(66,40,255)
```
#533bff
```
#533bff rgb(83,59,255)
```
#654fff
```
#654fff rgb(101,79,255)
```
#7662ff
```
#7662ff rgb(118,98,255)
```
#8776ff
```
#8776ff rgb(135,118,255)
```
#988aff
```
#988aff rgb(152,138,255)
```
#a99dff
```
#a99dff rgb(169,157,255)
```
#bbb1ff
```
#bbb1ff rgb(187,177,255)
```
#ccc5ff
```
#ccc5ff rgb(204,197,255)
```
#ddd8ff
```
#ddd8ff rgb(221,216,255)
```
#eeecff
```
#eeecff rgb(238,236,255)
```

Tint Color Variation

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

#838093
```
#838093 rgb(131,128,147)
```
#7c779c
```
#7c779c rgb(124,119,156)
```
#756ea5
```
#756ea5 rgb(117,110,165)
```
#6e65ae
```
#6e65ae rgb(110,101,174)
```
#675cb7
```
#675cb7 rgb(103,92,183)
```
#6153c0
```
#6153c0 rgb(97,83,192)
```
#5a4ac9
```
#5a4ac9 rgb(90,74,201)
```
#5341d2
```
#5341d2 rgb(83,65,210)
```
#4c38db
```
#4c38db rgb(76,56,219)
```
#452fe4
```
#452fe4 rgb(69,47,228)
```
#3f26ed
```
#3f26ed rgb(63,38,237)
```
#381df6
```
#381df6 rgb(56,29,246)
```
#3114ff
```
#3114ff rgb(49,20,255)
```

Tone Color Variation

Below, you can see how #3114ff 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

#373737 Achromatopsia 0.005% of the population
#36305f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058aa Protanopia 1% of men
#005d93 Deuteranopia 1% of men
#006367 Tritanopia 0.001% of the population

Trichromacy

#113fc9 Protanomaly 1% of men, 0.01% of women
#1142ba Deuteranomaly 6% of men, 0.4% of women
#11469e Tritanomaly 0.01% of the population

#3114ff hex color

#3114ff Color Information

#3114ff Color Conversion

Color Schemes with #3114ff

Alternatives to #3114ff

#3114ff Preview

Shades and Tints of #3114ff

Tones of #3114ff

Color Blindness Simulator