colorhexa.com

#2142d1 hex color

In a RGB color space, hex #2142d1 is composed of 12.9% red, 25.9% green and 82% blue. Whereas in a CMYK color space, it is composed of 84.2% cyan, 68.4% magenta, 0% yellow and 18% black. It has a hue angle of 228.8 degrees, a saturation of 72.7% and a lightness of 47.5%. #2142d1 color hex could be obtained by blending #4284ff with #0000a3. Closest websafe color is: #3333cc.

- R 13
- G 26
- B 82
RGB color chart
- C 84
- M 68
- Y 0
- K 18
CMYK color chart

● #2142d1 color description : Strong blue.

The hexadecimal color #2142d1 has RGB values of R:33, G:66, B:209 and CMYK values of C:0.84, M:0.68, Y:0, K:0.18. Its decimal value is 2179793.

Hex triplet	2142d1	`#2142d1`
RGB Decimal	33, 66, 209	`rgb(33,66,209)`
RGB Percent	12.9, 25.9, 82	`rgb(12.9%,25.9%,82%)`
CMYK	84, 68, 0, 18
HSL	228.8°, 72.7, 47.5	`hsl(228.8,72.7%,47.5%)`
HSV (or HSB)	228.8°, 84.2, 82
Web Safe	3333cc	`#3333cc`

CIE-LAB	35.64, 41.986, -76.091
XYZ	14.082, 8.822, 61.279
xyY	0.167, 0.105, 8.822
CIE-LCH	35.64, 86.907, 298.889
CIE-LUV	35.64, -12.64, -105.596
Hunter-Lab	29.702, 32.648, -101.53
Binary	00100001, 01000010, 11010001

#2142d1
```
#2142d1 rgb(33,66,209)
```
#d1b021
```
#d1b021 rgb(209,176,33)
```

Complementary Color

#219ad1
```
#219ad1 rgb(33,154,209)
```
#2142d1
```
#2142d1 rgb(33,66,209)
```
#5821d1
```
#5821d1 rgb(88,33,209)
```

Analogous Color

#9ad121
```
#9ad121 rgb(154,209,33)
```
#2142d1
```
#2142d1 rgb(33,66,209)
```
#d15821
```
#d15821 rgb(209,88,33)
```

Split Complementary Color

#42d121
```
#42d121 rgb(66,209,33)
```
#2142d1
```
#2142d1 rgb(33,66,209)
```
#d12142
```
#d12142 rgb(209,33,66)
```

Triadic Color

#21d1b0
```
#21d1b0 rgb(33,209,176)
```
#2142d1
```
#2142d1 rgb(33,66,209)
```
#d12142
```
#d12142 rgb(209,33,66)
```
#d1b021
```
#d1b021 rgb(209,176,33)
```

Tetradic Color

#172d8f
```
#172d8f rgb(23,45,143)
```
#1a34a5
```
#1a34a5 rgb(26,52,165)
```
#1e3bbb
```
#1e3bbb rgb(30,59,187)
```
#2142d1
```
#2142d1 rgb(33,66,209)
```
#2e4fde
```
#2e4fde rgb(46,79,222)
```
#4461e1
```
#4461e1 rgb(68,97,225)
```
#5a74e5
```
#5a74e5 rgb(90,116,229)
```

Monochromatic Color

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

#216ed1
```
#216ed1 rgb(33,110,209)
```
#215fd1
```
#215fd1 rgb(33,95,209)
```
#2151d1
```
#2151d1 rgb(33,81,209)
```
#2142d1
```
#2142d1 rgb(33,66,209)
```
#2133d1
```
#2133d1 rgb(33,51,209)
```
#2125d1
```
#2125d1 rgb(33,37,209)
```
#2c21d1
```
#2c21d1 rgb(44,33,209)
```

Similar Colors

Text with hexadecimal color #2142d1

This text has a font color of #2142d1.

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

#2142d1 background color

This paragraph has a background color of #2142d1.

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

#2142d1 border color

This element has a border color of #2142d1.

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

CSS codes

.text {color:#2142d1;}

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

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

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

#010206
```
#010206 rgb(1,2,6)
```
#040717
```
#040717 rgb(4,7,23)
```
#060d28
```
#060d28 rgb(6,13,40)
```
#091239
```
#091239 rgb(9,18,57)
```
#0c1749
```
#0c1749 rgb(12,23,73)
```
#0e1d5a
```
#0e1d5a rgb(14,29,90)
```
#11226b
```
#11226b rgb(17,34,107)
```
#14277c
```
#14277c rgb(20,39,124)
```
#162d8d
```
#162d8d rgb(22,45,141)
```
#19329e
```
#19329e rgb(25,50,158)
```
#1c37af
```
#1c37af rgb(28,55,175)
```
#1e3dc0
```
#1e3dc0 rgb(30,61,192)
```
#2142d1
```
#2142d1 rgb(33,66,209)
```

Shade Color Variation

#284add
```
#284add rgb(40,74,221)
```
#3959e0
```
#3959e0 rgb(57,89,224)
```
#4a67e2
```
#4a67e2 rgb(74,103,226)
```
#5b75e5
```
#5b75e5 rgb(91,117,229)
```
#6c83e8
```
#6c83e8 rgb(108,131,232)
```
#7d92eb
```
#7d92eb rgb(125,146,235)
```
#8ea0ed
```
#8ea0ed rgb(142,160,237)
```
#9faef0
```
#9faef0 rgb(159,174,240)
```
#b0bcf3
```
#b0bcf3 rgb(176,188,243)
```
#c1cbf5
```
#c1cbf5 rgb(193,203,245)
```
#d2d9f8
```
#d2d9f8 rgb(210,217,248)
```
#e3e7fb
```
#e3e7fb rgb(227,231,251)
```
#f4f6fd
```
#f4f6fd rgb(244,246,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #75767d is the less saturated color, while #0531ed is the most saturated one.

#75767d
```
#75767d rgb(117,118,125)
```
#6b7187
```
#6b7187 rgb(107,113,135)
```
#626b90
```
#626b90 rgb(98,107,144)
```
#596599
```
#596599 rgb(89,101,153)
```
#505fa2
```
#505fa2 rgb(80,95,162)
```
#4659ac
```
#4659ac rgb(70,89,172)
```
#3d53b5
```
#3d53b5 rgb(61,83,181)
```
#344ebe
```
#344ebe rgb(52,78,190)
```
#2a48c8
```
#2a48c8 rgb(42,72,200)
```
#2142d1
```
#2142d1 rgb(33,66,209)
```
#183cda
```
#183cda rgb(24,60,218)
```
#0e36e4
```
#0e36e4 rgb(14,54,228)
```
#0531ed
```
#0531ed rgb(5,49,237)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#404763 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005aaf Protanopia 1% of men
#005f98 Deuteranopia 1% of men
#00656a Tritanopia 0.001% of the population

Trichromacy

#0c51bb Protanomaly 1% of men, 0.01% of women
#0c54ac Deuteranomaly 6% of men, 0.4% of women
#0c5890 Tritanomaly 0.01% of the population