#2142e4 hex color

In a RGB color space, hex #2142e4 is composed of 12.9% red, 25.9% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 85.5% cyan, 71.1% magenta, 0% yellow and 10.6% black. It has a hue angle of 229.8 degrees, a saturation of 78.3% and a lightness of 51.2%. #2142e4 color hex could be obtained by blending #4284ff with #0000c9. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 13
- G 26
- B 89
RGB color chart
- C 86
- M 71
- Y 0
- K 11
CMYK color chart

● #2142e4 color description : Vivid blue.

The hexadecimal color #2142e4 has RGB values of R:33, G:66, B:228 and CMYK values of C:0.86, M:0.71, Y:0, K:0.11. Its decimal value is 2179812.

Hex triplet	2142e4	`#2142e4`
RGB Decimal	33, 66, 228	`rgb(33,66,228)`
RGB Percent	12.9, 25.9, 89.4	`rgb(12.9%,25.9%,89.4%)`
CMYK	86, 71, 0, 11
HSL	229.8°, 78.3, 51.2	`hsl(229.8,78.3%,51.2%)`
HSV (or HSB)	229.8°, 85.5, 89.4
Web Safe	3333cc	`#3333cc`

CIE-LAB	37.517, 48.674, -83.899
XYZ	16.576, 9.82, 74.416
xyY	0.164, 0.097, 9.82
CIE-LCH	37.517, 96.996, 300.12
CIE-LUV	37.517, -12.957, -117.073
Hunter-Lab	31.337, 39.581, -118.862
Binary	00100001, 01000010, 11100100

#2142e4
```
#2142e4 rgb(33,66,228)
```
#e4c321
```
#e4c321 rgb(228,195,33)
```

Complementary Color

#21a4e4
```
#21a4e4 rgb(33,164,228)
```
#2142e4
```
#2142e4 rgb(33,66,228)
```
#6121e4
```
#6121e4 rgb(97,33,228)
```

Analogous Color

#a4e421
```
#a4e421 rgb(164,228,33)
```
#2142e4
```
#2142e4 rgb(33,66,228)
```
#e46121
```
#e46121 rgb(228,97,33)
```

Split Complementary Color

#42e421
```
#42e421 rgb(66,228,33)
```
#2142e4
```
#2142e4 rgb(33,66,228)
```
#e42142
```
#e42142 rgb(228,33,66)
```

Triadic Color

#21e4c3
```
#21e4c3 rgb(33,228,195)
```
#2142e4
```
#2142e4 rgb(33,66,228)
```
#e42142
```
#e42142 rgb(228,33,66)
```
#e4c321
```
#e4c321 rgb(228,195,33)
```

Tetradic Color

#142ca4
```
#142ca4 rgb(20,44,164)
```
#1733bb
```
#1733bb rgb(23,51,187)
```
#1a39d2
```
#1a39d2 rgb(26,57,210)
```
#2142e4
```
#2142e4 rgb(33,66,228)
```
#3855e7
```
#3855e7 rgb(56,85,231)
```
#4e69ea
```
#4e69ea rgb(78,105,234)
```
#657cec
```
#657cec rgb(101,124,236)
```

Monochromatic Color

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

#2173e4
```
#2173e4 rgb(33,115,228)
```
#2163e4
```
#2163e4 rgb(33,99,228)
```
#2152e4
```
#2152e4 rgb(33,82,228)
```
#2142e4
```
#2142e4 rgb(33,66,228)
```
#2132e4
```
#2132e4 rgb(33,50,228)
```
#2122e4
```
#2122e4 rgb(33,34,228)
```
#3121e4
```
#3121e4 rgb(49,33,228)
```

Similar Colors

Text with hexadecimal color #2142e4

This text has a font color of #2142e4.

<span style="color:#2142e4;">Text here</span>

#2142e4 background color

This paragraph has a background color of #2142e4.

<p style="background-color:#2142e4;">Content here</p>

#2142e4 border color

This element has a border color of #2142e4.

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

CSS codes

.text {color:#2142e4;}

.background {background-color:#2142e4;}

.border {border:1px solid #2142e4;}

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

#010105
```
#010105 rgb(1,1,5)
```
#030617
```
#030617 rgb(3,6,23)
```
#050b28
```
#050b28 rgb(5,11,40)
```
#07103a
```
#07103a rgb(7,16,58)
```
#09144b
```
#09144b rgb(9,20,75)
```
#0b195d
```
#0b195d rgb(11,25,93)
```
#0d1e6e
```
#0d1e6e rgb(13,30,110)
```
#102380
```
#102380 rgb(16,35,128)
```
#122791
```
#122791 rgb(18,39,145)
```
#142ca3
```
#142ca3 rgb(20,44,163)
```
#1631b4
```
#1631b4 rgb(22,49,180)
```
#1835c6
```
#1835c6 rgb(24,53,198)
```
#1a3ad7
```
#1a3ad7 rgb(26,58,215)
```

Shade Color Variation

#2142e4
```
#2142e4 rgb(33,66,228)
```
#3251e6
```
#3251e6 rgb(50,81,230)
```
#4460e8
```
#4460e8 rgb(68,96,232)
```
#556fea
```
#556fea rgb(85,111,234)
```
#677eed
```
#677eed rgb(103,126,237)
```
#788cef
```
#788cef rgb(120,140,239)
```
#8a9bf1
```
#8a9bf1 rgb(138,155,241)
```
#9baaf3
```
#9baaf3 rgb(155,170,243)
```
#adb9f5
```
#adb9f5 rgb(173,185,245)
```
#bec8f7
```
#bec8f7 rgb(190,200,247)
```
#d0d7f9
```
#d0d7f9 rgb(208,215,249)
```
#e1e6fb
```
#e1e6fb rgb(225,230,251)
```
#f3f5fe
```
#f3f5fe rgb(243,245,254)
```

Tint Color Variation

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

#818184
```
#818184 rgb(129,129,132)
```
#777b8e
```
#777b8e rgb(119,123,142)
```
#6e7597
```
#6e7597 rgb(110,117,151)
```
#646ea1
```
#646ea1 rgb(100,110,161)
```
#5a68ab
```
#5a68ab rgb(90,104,171)
```
#5162b4
```
#5162b4 rgb(81,98,180)
```
#475bbe
```
#475bbe rgb(71,91,190)
```
#3e55c7
```
#3e55c7 rgb(62,85,199)
```
#344fd1
```
#344fd1 rgb(52,79,209)
```
#2b48da
```
#2b48da rgb(43,72,218)
```
#2142e4
```
#2142e4 rgb(33,66,228)
```
#173cee
```
#173cee rgb(23,60,238)
```
#0e35f7
```
#0e35f7 rgb(14,53,247)
```

Tone Color Variation

Below, you can see how #2142e4 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

#4b4b4b Achromatopsia 0.005% of the population
#43496a Atypical Achromatopsia 0.001% of the population

Dichromacy

#005eb7 Protanopia 1% of men
#00639e Deuteranopia 1% of men
#006a6f Tritanopia 0.001% of the population

Trichromacy

#0c53c7 Protanomaly 1% of men, 0.01% of women
#0c57b7 Deuteranomaly 6% of men, 0.4% of women
#0c5b99 Tritanomaly 0.01% of the population

#2142e4 hex color

#2142e4 Color Information

#2142e4 Color Conversion

Color Schemes with #2142e4

Alternatives to #2142e4

#2142e4 Preview

Shades and Tints of #2142e4

Tones of #2142e4

Color Blindness Simulator