#2114ff hex color

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

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

● #2114ff color description : Vivid blue.

The hexadecimal color #2114ff has RGB values of R:33, G:20, B:255 and CMYK values of C:0.87, M:0.92, Y:0, K:0. Its decimal value is 2168063.

Hex triplet	2114ff	`#2114ff`
RGB Decimal	33, 20, 255	`rgb(33,20,255)`
RGB Percent	12.9, 7.8, 100	`rgb(12.9%,7.8%,100%)`
CMYK	87, 92, 0, 0
HSL	243.3°, 100, 53.9	`hsl(243.3,100%,53.9%)`
HSV (or HSB)	243.3°, 92.2, 100
Web Safe	3300ff	`#3300ff`

CIE-LAB	34.071, 76.14, -104.887
XYZ	18.924, 8.042, 95.157
xyY	0.155, 0.066, 8.042
CIE-LCH	34.071, 129.609, 305.977
CIE-LUV	34.071, -8.746, -132.008
Hunter-Lab	28.359, 69.484, -179.094
Binary	00100001, 00010100, 11111111

#2114ff
```
#2114ff rgb(33,20,255)
```
#f2ff14
```
#f2ff14 rgb(242,255,20)
```

Complementary Color

#147dff
```
#147dff rgb(20,125,255)
```
#2114ff
```
#2114ff rgb(33,20,255)
```
#9714ff
```
#9714ff rgb(151,20,255)
```

Analogous Color

#7dff14
```
#7dff14 rgb(125,255,20)
```
#2114ff
```
#2114ff rgb(33,20,255)
```
#ff9714
```
#ff9714 rgb(255,151,20)
```

Split Complementary Color

#14ff21
```
#14ff21 rgb(20,255,33)
```
#2114ff
```
#2114ff rgb(33,20,255)
```
#ff2114
```
#ff2114 rgb(255,33,20)
```

Triadic Color

#14f2ff
```
#14f2ff rgb(20,242,255)
```
#2114ff
```
#2114ff rgb(33,20,255)
```
#ff2114
```
#ff2114 rgb(255,33,20)
```
#f2ff14
```
#f2ff14 rgb(242,255,20)
```

Tetradic Color

#0b00c7
```
#0b00c7 rgb(11,0,199)
```
#0c00e0
```
#0c00e0 rgb(12,0,224)
```
#0e00fa
```
#0e00fa rgb(14,0,250)
```
#2114ff
```
#2114ff rgb(33,20,255)
```
#392eff
```
#392eff rgb(57,46,255)
```
#5147ff
```
#5147ff rgb(81,71,255)
```
#6961ff
```
#6961ff rgb(105,97,255)
```

Monochromatic Color

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

#1442ff
```
#1442ff rgb(20,66,255)
```
#142eff
```
#142eff rgb(20,46,255)
```
#141bff
```
#141bff rgb(20,27,255)
```
#2114ff
```
#2114ff rgb(33,20,255)
```
#3514ff
```
#3514ff rgb(53,20,255)
```
#4814ff
```
#4814ff rgb(72,20,255)
```
#5c14ff
```
#5c14ff rgb(92,20,255)
```

Similar Colors

Text with hexadecimal color #2114ff

This text has a font color of #2114ff.

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

#2114ff background color

This paragraph has a background color of #2114ff.

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

#2114ff border color

This element has a border color of #2114ff.

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

CSS codes

.text {color:#2114ff;}

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

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

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 #edecff is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#010014
```
#010014 rgb(1,0,20)
```
#020028
```
#020028 rgb(2,0,40)
```
#03003b
```
#03003b rgb(3,0,59)
```
#04004f
```
#04004f rgb(4,0,79)
```
#050062
```
#050062 rgb(5,0,98)
```
#070076
```
#070076 rgb(7,0,118)
```
#08008a
```
#08008a rgb(8,0,138)
```
#09009d
```
#09009d rgb(9,0,157)
```
#0a00b1
```
#0a00b1 rgb(10,0,177)
```
#0b00c5
```
#0b00c5 rgb(11,0,197)
```
#0c00d8
```
#0c00d8 rgb(12,0,216)
```
#0d00ec
```
#0d00ec rgb(13,0,236)
```

Shade Color Variation

#0e00ff
```
#0e00ff rgb(14,0,255)
```
#2114ff
```
#2114ff rgb(33,20,255)
```
#3428ff
```
#3428ff rgb(52,40,255)
```
#463bff
```
#463bff rgb(70,59,255)
```
#594fff
```
#594fff rgb(89,79,255)
```
#6b62ff
```
#6b62ff rgb(107,98,255)
```
#7e76ff
```
#7e76ff rgb(126,118,255)
```
#908aff
```
#908aff rgb(144,138,255)
```
#a39dff
```
#a39dff rgb(163,157,255)
```
#b5b1ff
```
#b5b1ff rgb(181,177,255)
```
#c8c5ff
```
#c8c5ff rgb(200,197,255)
```
#dad8ff
```
#dad8ff rgb(218,216,255)
```
#edecff
```
#edecff rgb(237,236,255)
```

Tint Color Variation

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

#818093
```
#818093 rgb(129,128,147)
```
#79779c
```
#79779c rgb(121,119,156)
```
#716ea5
```
#716ea5 rgb(113,110,165)
```
#6965ae
```
#6965ae rgb(105,101,174)
```
#615cb7
```
#615cb7 rgb(97,92,183)
```
#5953c0
```
#5953c0 rgb(89,83,192)
```
#514ac9
```
#514ac9 rgb(81,74,201)
```
#4941d2
```
#4941d2 rgb(73,65,210)
```
#4138db
```
#4138db rgb(65,56,219)
```
#392fe4
```
#392fe4 rgb(57,47,228)
```
#3126ed
```
#3126ed rgb(49,38,237)
```
#291df6
```
#291df6 rgb(41,29,246)
```
#2114ff
```
#2114ff rgb(33,20,255)
```

Tone Color Variation

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

#333333 Achromatopsia 0.005% of the population
#2f2d5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a8 Protanopia 1% of men
#005b90 Deuteranopia 1% of men
#006266 Tritanopia 0.001% of the population

Trichromacy

#0c3ec7 Protanomaly 1% of men, 0.01% of women
#0c41b8 Deuteranomaly 6% of men, 0.4% of women
#0c459d Tritanomaly 0.01% of the population

#2114ff hex color

#2114ff Color Information

#2114ff Color Conversion

Color Schemes with #2114ff

Alternatives to #2114ff

#2114ff Preview

Shades and Tints of #2114ff

Tones of #2114ff

Color Blindness Simulator