#142ae0 hex color

In a RGB color space, hex #142ae0 is composed of 7.8% red, 16.5% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 91.1% cyan, 81.3% magenta, 0% yellow and 12.2% black. It has a hue angle of 233.5 degrees, a saturation of 83.6% and a lightness of 47.8%. #142ae0 color hex could be obtained by blending #2854ff with #0000c1. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 8
- G 16
- B 88
RGB color chart
- C 91
- M 81
- Y 0
- K 12
CMYK color chart

● #142ae0 color description : Vivid blue.

The hexadecimal color #142ae0 has RGB values of R:20, G:42, B:224 and CMYK values of C:0.91, M:0.81, Y:0, K:0.12. Its decimal value is 1321696.

Hex triplet	142ae0	`#142ae0`
RGB Decimal	20, 42, 224	`rgb(20,42,224)`
RGB Percent	7.8, 16.5, 87.8	`rgb(7.8%,16.5%,87.8%)`
CMYK	91, 81, 0, 12
HSL	233.5°, 83.6, 47.8	`hsl(233.5,83.6%,47.8%)`
HSV (or HSB)	233.5°, 91.1, 87.8
Web Safe	0033cc	`#0033cc`

CIE-LAB	32.225, 59.717, -90.396
XYZ	14.568, 7.185, 71.136
xyY	0.157, 0.077, 7.185
CIE-LCH	32.225, 108.34, 303.449
CIE-LUV	32.225, -10.172, -115.512
Hunter-Lab	26.805, 50.102, -138.579
Binary	00010100, 00101010, 11100000

#142ae0
```
#142ae0 rgb(20,42,224)
```
#e0ca14
```
#e0ca14 rgb(224,202,20)
```

Complementary Color

#1490e0
```
#1490e0 rgb(20,144,224)
```
#142ae0
```
#142ae0 rgb(20,42,224)
```
#6414e0
```
#6414e0 rgb(100,20,224)
```

Analogous Color

#90e014
```
#90e014 rgb(144,224,20)
```
#142ae0
```
#142ae0 rgb(20,42,224)
```
#e06414
```
#e06414 rgb(224,100,20)
```

Split Complementary Color

#2ae014
```
#2ae014 rgb(42,224,20)
```
#142ae0
```
#142ae0 rgb(20,42,224)
```
#e0142a
```
#e0142a rgb(224,20,42)
```

Triadic Color

#14e0ca
```
#14e0ca rgb(20,224,202)
```
#142ae0
```
#142ae0 rgb(20,42,224)
```
#e0142a
```
#e0142a rgb(224,20,42)
```
#e0ca14
```
#e0ca14 rgb(224,202,20)
```

Tetradic Color

#0e1d9a
```
#0e1d9a rgb(14,29,154)
```
#1021b1
```
#1021b1 rgb(16,33,177)
```
#1226c9
```
#1226c9 rgb(18,38,201)
```
#142ae0
```
#142ae0 rgb(20,42,224)
```
#2238eb
```
#2238eb rgb(34,56,235)
```
#3a4ded
```
#3a4ded rgb(58,77,237)
```
#5162ef
```
#5162ef rgb(81,98,239)
```

Monochromatic Color

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

#145de0
```
#145de0 rgb(20,93,224)
```
#144ce0
```
#144ce0 rgb(20,76,224)
```
#143be0
```
#143be0 rgb(20,59,224)
```
#142ae0
```
#142ae0 rgb(20,42,224)
```
#1419e0
```
#1419e0 rgb(20,25,224)
```
#2014e0
```
#2014e0 rgb(32,20,224)
```
#3114e0
```
#3114e0 rgb(49,20,224)
```

Similar Colors

Text with hexadecimal color #142ae0

This text has a font color of #142ae0.

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

#142ae0 background color

This paragraph has a background color of #142ae0.

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

#142ae0 border color

This element has a border color of #142ae0.

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

CSS codes

.text {color:#142ae0;}

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

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

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

#010108
```
#010108 rgb(1,1,8)
```
#02051a
```
#02051a rgb(2,5,26)
```
#04082c
```
#04082c rgb(4,8,44)
```
#060c3e
```
#060c3e rgb(6,12,62)
```
#070f50
```
#070f50 rgb(7,15,80)
```
#091262
```
#091262 rgb(9,18,98)
```
#0a1674
```
#0a1674 rgb(10,22,116)
```
#0c1986
```
#0c1986 rgb(12,25,134)
```
#0e1c98
```
#0e1c98 rgb(14,28,152)
```
#0f20aa
```
#0f20aa rgb(15,32,170)
```
#1123bc
```
#1123bc rgb(17,35,188)
```
#1227ce
```
#1227ce rgb(18,39,206)
```
#142ae0
```
#142ae0 rgb(20,42,224)
```

Shade Color Variation

#1d33eb
```
#1d33eb rgb(29,51,235)
```
#2f43ec
```
#2f43ec rgb(47,67,236)
```
#4154ee
```
#4154ee rgb(65,84,238)
```
#5364f0
```
#5364f0 rgb(83,100,240)
```
#6574f1
```
#6574f1 rgb(101,116,241)
```
#7784f3
```
#7784f3 rgb(119,132,243)
```
#8994f4
```
#8994f4 rgb(137,148,244)
```
#9ba5f6
```
#9ba5f6 rgb(155,165,246)
```
#adb5f8
```
#adb5f8 rgb(173,181,248)
```
#bfc5f9
```
#bfc5f9 rgb(191,197,249)
```
#d1d5fb
```
#d1d5fb rgb(209,213,251)
```
#e3e6fc
```
#e3e6fc rgb(227,230,252)
```
#f5f6fe
```
#f5f6fe rgb(245,246,254)
```

Tint Color Variation

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

#727482
```
#727482 rgb(114,116,130)
```
#686c8c
```
#686c8c rgb(104,108,140)
```
#5f6595
```
#5f6595 rgb(95,101,149)
```
#565e9e
```
#565e9e rgb(86,94,158)
```
#4c56a8
```
#4c56a8 rgb(76,86,168)
```
#434fb1
```
#434fb1 rgb(67,79,177)
```
#3a47ba
```
#3a47ba rgb(58,71,186)
```
#3040c4
```
#3040c4 rgb(48,64,196)
```
#2739cd
```
#2739cd rgb(39,57,205)
```
#1d31d7
```
#1d31d7 rgb(29,49,215)
```
#142ae0
```
#142ae0 rgb(20,42,224)
```
#0b23e9
```
#0b23e9 rgb(11,35,233)
```
#011bf3
```
#011bf3 rgb(1,27,243)
```

Tone Color Variation

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

#383838 Achromatopsia 0.005% of the population
#31355a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0052a0 Protanopia 1% of men
#00578a Deuteranopia 1% of men
#005d61 Tritanopia 0.001% of the population

Trichromacy

#0743b7 Protanomaly 1% of men, 0.01% of women
#0747a9 Deuteranomaly 6% of men, 0.4% of women
#074a8f Tritanomaly 0.01% of the population

#142ae0 hex color

#142ae0 Color Information

#142ae0 Color Conversion

Color Schemes with #142ae0

Alternatives to #142ae0

#142ae0 Preview

Shades and Tints of #142ae0

Tones of #142ae0

Color Blindness Simulator