#2142d4 hex color

In a RGB color space, hex #2142d4 is composed of 12.9% red, 25.9% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 84.4% cyan, 68.9% magenta, 0% yellow and 16.9% black. It has a hue angle of 228.9 degrees, a saturation of 73.1% and a lightness of 48%. #2142d4 color hex could be obtained by blending #4284ff with #0000a9. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 13
- G 26
- B 83
RGB color chart
- C 84
- M 69
- Y 0
- K 17
CMYK color chart

● #2142d4 color description : Strong blue.

The hexadecimal color #2142d4 has RGB values of R:33, G:66, B:212 and CMYK values of C:0.84, M:0.69, Y:0, K:0.17. Its decimal value is 2179796.

Hex triplet	2142d4	`#2142d4`
RGB Decimal	33, 66, 212	`rgb(33,66,212)`
RGB Percent	12.9, 25.9, 83.1	`rgb(12.9%,25.9%,83.1%)`
CMYK	84, 69, 0, 17
HSL	228.9°, 73.1, 48	`hsl(228.9,73.1%,48%)`
HSV (or HSB)	228.9°, 84.4, 83.1
Web Safe	3333cc	`#3333cc`

CIE-LAB	35.931, 43.06, -77.345
XYZ	14.457, 8.972, 63.254
xyY	0.167, 0.104, 8.972
CIE-LCH	35.931, 88.523, 299.106
CIE-LUV	35.931, -12.686, -107.431
Hunter-Lab	29.954, 33.732, -104.237
Binary	00100001, 01000010, 11010100

#2142d4
```
#2142d4 rgb(33,66,212)
```
#d4b321
```
#d4b321 rgb(212,179,33)
```

Complementary Color

#219cd4
```
#219cd4 rgb(33,156,212)
```
#2142d4
```
#2142d4 rgb(33,66,212)
```
#5a21d4
```
#5a21d4 rgb(90,33,212)
```

Analogous Color

#9cd421
```
#9cd421 rgb(156,212,33)
```
#2142d4
```
#2142d4 rgb(33,66,212)
```
#d45921
```
#d45921 rgb(212,89,33)
```

Split Complementary Color

#42d421
```
#42d421 rgb(66,212,33)
```
#2142d4
```
#2142d4 rgb(33,66,212)
```
#d42142
```
#d42142 rgb(212,33,66)
```

Triadic Color

#21d4b3
```
#21d4b3 rgb(33,212,179)
```
#2142d4
```
#2142d4 rgb(33,66,212)
```
#d42142
```
#d42142 rgb(212,33,66)
```
#d4b321
```
#d4b321 rgb(212,179,33)
```

Tetradic Color

#172d92
```
#172d92 rgb(23,45,146)
```
#1a34a8
```
#1a34a8 rgb(26,52,168)
```
#1e3bbe
```
#1e3bbe rgb(30,59,190)
```
#2142d4
```
#2142d4 rgb(33,66,212)
```
#3050df
```
#3050df rgb(48,80,223)
```
#4663e2
```
#4663e2 rgb(70,99,226)
```
#5c75e6
```
#5c75e6 rgb(92,117,230)
```

Monochromatic Color

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

#216fd4
```
#216fd4 rgb(33,111,212)
```
#2160d4
```
#2160d4 rgb(33,96,212)
```
#2151d4
```
#2151d4 rgb(33,81,212)
```
#2142d4
```
#2142d4 rgb(33,66,212)
```
#2133d4
```
#2133d4 rgb(33,51,212)
```
#2124d4
```
#2124d4 rgb(33,36,212)
```
#2d21d4
```
#2d21d4 rgb(45,33,212)
```

Similar Colors

Text with hexadecimal color #2142d4

This text has a font color of #2142d4.

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

#2142d4 background color

This paragraph has a background color of #2142d4.

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

#2142d4 border color

This element has a border color of #2142d4.

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

CSS codes

.text {color:#2142d4;}

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

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

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

#010308
```
#010308 rgb(1,3,8)
```
#040819
```
#040819 rgb(4,8,25)
```
#070d2a
```
#070d2a rgb(7,13,42)
```
#09123b
```
#09123b rgb(9,18,59)
```
#0c184c
```
#0c184c rgb(12,24,76)
```
#0f1d5d
```
#0f1d5d rgb(15,29,93)
```
#11226e
```
#11226e rgb(17,34,110)
```
#14287f
```
#14287f rgb(20,40,127)
```
#162d90
```
#162d90 rgb(22,45,144)
```
#1932a1
```
#1932a1 rgb(25,50,161)
```
#1c37b2
```
#1c37b2 rgb(28,55,178)
```
#1e3dc3
```
#1e3dc3 rgb(30,61,195)
```
#2142d4
```
#2142d4 rgb(33,66,212)
```

Shade Color Variation

#2b4cde
```
#2b4cde rgb(43,76,222)
```
#3c5ae1
```
#3c5ae1 rgb(60,90,225)
```
#4d68e3
```
#4d68e3 rgb(77,104,227)
```
#5e77e6
```
#5e77e6 rgb(94,119,230)
```
#6f85e9
```
#6f85e9 rgb(111,133,233)
```
#8093eb
```
#8093eb rgb(128,147,235)
```
#91a2ee
```
#91a2ee rgb(145,162,238)
```
#a1b0f0
```
#a1b0f0 rgb(161,176,240)
```
#b2bef3
```
#b2bef3 rgb(178,190,243)
```
#c3cdf6
```
#c3cdf6 rgb(195,205,246)
```
#d4dbf8
```
#d4dbf8 rgb(212,219,248)
```
#e5e9fb
```
#e5e9fb rgb(229,233,251)
```
#f6f8fe
```
#f6f8fe rgb(246,248,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #76787f is the less saturated color, while #0530f0 is the most saturated one.

#76787f
```
#76787f rgb(118,120,127)
```
#6c7289
```
#6c7289 rgb(108,114,137)
```
#636c92
```
#636c92 rgb(99,108,146)
```
#5a669b
```
#5a669b rgb(90,102,155)
```
#5060a5
```
#5060a5 rgb(80,96,165)
```
#475aae
```
#475aae rgb(71,90,174)
```
#3d54b8
```
#3d54b8 rgb(61,84,184)
```
#344ec1
```
#344ec1 rgb(52,78,193)
```
#2a48cb
```
#2a48cb rgb(42,72,203)
```
#2142d4
```
#2142d4 rgb(33,66,212)
```
#183cdd
```
#183cdd rgb(24,60,221)
```
#0e36e7
```
#0e36e7 rgb(14,54,231)
```
#0530f0
```
#0530f0 rgb(5,48,240)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#414865 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005ab0 Protanopia 1% of men
#005f99 Deuteranopia 1% of men
#00666b Tritanopia 0.001% of the population

Trichromacy

#0c51bd Protanomaly 1% of men, 0.01% of women
#0c55ae Deuteranomaly 6% of men, 0.4% of women
#0c5991 Tritanomaly 0.01% of the population

#2142d4 hex color

#2142d4 Color Information

#2142d4 Color Conversion

Color Schemes with #2142d4

Alternatives to #2142d4

#2142d4 Preview

Shades and Tints of #2142d4

Tones of #2142d4

Color Blindness Simulator