#142ce2 hex color

In a RGB color space, hex #142ce2 is composed of 7.8% red, 17.3% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 91.2% cyan, 80.5% magenta, 0% yellow and 11.4% black. It has a hue angle of 233 degrees, a saturation of 83.7% and a lightness of 48.2%. #142ce2 color hex could be obtained by blending #2858ff with #0000c5. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 8
- G 17
- B 89
RGB color chart
- C 91
- M 81
- Y 0
- K 11
CMYK color chart

● #142ce2 color description : Vivid blue.

The hexadecimal color #142ce2 has RGB values of R:20, G:44, B:226 and CMYK values of C:0.91, M:0.81, Y:0, K:0.11. Its decimal value is 1322210.

Hex triplet	142ce2	`#142ce2`
RGB Decimal	20, 44, 226	`rgb(20,44,226)`
RGB Percent	7.8, 17.3, 88.6	`rgb(7.8%,17.3%,88.6%)`
CMYK	91, 81, 0, 11
HSL	233°, 83.7, 48.2	`hsl(233,83.7%,48.2%)`
HSV (or HSB)	233°, 91.2, 88.6
Web Safe	0033cc	`#0033cc`

CIE-LAB	32.788, 59.39, -90.606
XYZ	14.914, 7.44, 72.597
xyY	0.157, 0.078, 7.44
CIE-LCH	32.788, 108.335, 303.244
CIE-LUV	32.788, -10.475, -116.731
Hunter-Lab	27.276, 49.865, -138.711
Binary	00010100, 00101100, 11100010

#142ce2
```
#142ce2 rgb(20,44,226)
```
#e2ca14
```
#e2ca14 rgb(226,202,20)
```

Complementary Color

#1493e2
```
#1493e2 rgb(20,147,226)
```
#142ce2
```
#142ce2 rgb(20,44,226)
```
#6314e2
```
#6314e2 rgb(99,20,226)
```

Analogous Color

#93e214
```
#93e214 rgb(147,226,20)
```
#142ce2
```
#142ce2 rgb(20,44,226)
```
#e26314
```
#e26314 rgb(226,99,20)
```

Split Complementary Color

#2ce214
```
#2ce214 rgb(44,226,20)
```
#142ce2
```
#142ce2 rgb(20,44,226)
```
#e2142c
```
#e2142c rgb(226,20,44)
```

Triadic Color

#14e2ca
```
#14e2ca rgb(20,226,202)
```
#142ce2
```
#142ce2 rgb(20,44,226)
```
#e2142c
```
#e2142c rgb(226,20,44)
```
#e2ca14
```
#e2ca14 rgb(226,202,20)
```

Tetradic Color

#0e1e9c
```
#0e1e9c rgb(14,30,156)
```
#1023b3
```
#1023b3 rgb(16,35,179)
```
#1227cb
```
#1227cb rgb(18,39,203)
```
#142ce2
```
#142ce2 rgb(20,44,226)
```
#243bec
```
#243bec rgb(36,59,236)
```
#3b50ee
```
#3b50ee rgb(59,80,238)
```
#5365f0
```
#5365f0 rgb(83,101,240)
```

Monochromatic Color

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

#1460e2
```
#1460e2 rgb(20,96,226)
```
#144ee2
```
#144ee2 rgb(20,78,226)
```
#143de2
```
#143de2 rgb(20,61,226)
```
#142ce2
```
#142ce2 rgb(20,44,226)
```
#141be2
```
#141be2 rgb(20,27,226)
```
#1e14e2
```
#1e14e2 rgb(30,20,226)
```
#3014e2
```
#3014e2 rgb(48,20,226)
```

Similar Colors

Text with hexadecimal color #142ce2

This text has a font color of #142ce2.

<span style="color:#142ce2;">Text here</span>

#142ce2 background color

This paragraph has a background color of #142ce2.

<p style="background-color:#142ce2;">Content here</p>

#142ce2 border color

This element has a border color of #142ce2.

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

CSS codes

.text {color:#142ce2;}

.background {background-color:#142ce2;}

.border {border:1px solid #142ce2;}

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, #01020a is the darkest color, while #f7f8fe is the lightest one.

#01020a
```
#01020a rgb(1,2,10)
```
#02051c
```
#02051c rgb(2,5,28)
```
#04092e
```
#04092e rgb(4,9,46)
```
#060c40
```
#060c40 rgb(6,12,64)
```
#071052
```
#071052 rgb(7,16,82)
```
#091364
```
#091364 rgb(9,19,100)
```
#0a1776
```
#0a1776 rgb(10,23,118)
```
#0c1a88
```
#0c1a88 rgb(12,26,136)
```
#0e1e9a
```
#0e1e9a rgb(14,30,154)
```
#0f21ac
```
#0f21ac rgb(15,33,172)
```
#1125be
```
#1125be rgb(17,37,190)
```
#1228d0
```
#1228d0 rgb(18,40,208)
```
#142ce2
```
#142ce2 rgb(20,44,226)
```

Shade Color Variation

#1e36eb
```
#1e36eb rgb(30,54,235)
```
#3146ed
```
#3146ed rgb(49,70,237)
```
#4357ee
```
#4357ee rgb(67,87,238)
```
#5567f0
```
#5567f0 rgb(85,103,240)
```
#6777f2
```
#6777f2 rgb(103,119,242)
```
#7987f3
```
#7987f3 rgb(121,135,243)
```
#8b97f5
```
#8b97f5 rgb(139,151,245)
```
#9da7f6
```
#9da7f6 rgb(157,167,246)
```
#afb7f8
```
#afb7f8 rgb(175,183,248)
```
#c1c7f9
```
#c1c7f9 rgb(193,199,249)
```
#d3d7fb
```
#d3d7fb rgb(211,215,251)
```
#e5e8fd
```
#e5e8fd rgb(229,232,253)
```
#f7f8fe
```
#f7f8fe rgb(247,248,254)
```

Tint Color Variation

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

#737583
```
#737583 rgb(115,117,131)
```
#696d8d
```
#696d8d rgb(105,109,141)
```
#606696
```
#606696 rgb(96,102,150)
```
#565fa0
```
#565fa0 rgb(86,95,160)
```
#4d58a9
```
#4d58a9 rgb(77,88,169)
```
#4350b3
```
#4350b3 rgb(67,80,179)
```
#3a49bc
```
#3a49bc rgb(58,73,188)
```
#3042c6
```
#3042c6 rgb(48,66,198)
```
#273bcf
```
#273bcf rgb(39,59,207)
```
#1d33d9
```
#1d33d9 rgb(29,51,217)
```
#142ce2
```
#142ce2 rgb(20,44,226)
```
#0b25eb
```
#0b25eb rgb(11,37,235)
```
#011df5
```
#011df5 rgb(1,29,245)
```

Tone Color Variation

Below, you can see how #142ce2 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

#3a3a3a Achromatopsia 0.005% of the population
#32375c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0053a2 Protanopia 1% of men
#00588c Deuteranopia 1% of men
#005f62 Tritanopia 0.001% of the population

Trichromacy

#0745b9 Protanomaly 1% of men, 0.01% of women
#0748ab Deuteranomaly 6% of men, 0.4% of women
#074c91 Tritanomaly 0.01% of the population

#142ce2 hex color

#142ce2 Color Information

#142ce2 Color Conversion

Color Schemes with #142ce2

Alternatives to #142ce2

#142ce2 Preview

Shades and Tints of #142ce2

Tones of #142ce2

Color Blindness Simulator