#142ecc hex color

In a RGB color space, hex #142ecc is composed of 7.8% red, 18% green and 80% blue. Whereas in a CMYK color space, it is composed of 90.2% cyan, 77.5% magenta, 0% yellow and 20% black. It has a hue angle of 231.5 degrees, a saturation of 82.1% and a lightness of 43.9%. #142ecc color hex could be obtained by blending #285cff with #000099. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 8
- G 18
- B 80
RGB color chart
- C 90
- M 77
- Y 0
- K 20
CMYK color chart

● #142ecc color description : Strong blue.

The hexadecimal color #142ecc has RGB values of R:20, G:46, B:204 and CMYK values of C:0.9, M:0.77, Y:0, K:0.2. Its decimal value is 1322700.

Hex triplet	142ecc	`#142ecc`
RGB Decimal	20, 46, 204	`rgb(20,46,204)`
RGB Percent	7.8, 18, 80	`rgb(7.8%,18%,80%)`
CMYK	90, 77, 0, 20
HSL	231.5°, 82.1, 43.9	`hsl(231.5,82.1%,43.9%)`
HSV (or HSB)	231.5°, 90.2, 80
Web Safe	0033cc	`#0033cc`

CIE-LAB	30.548, 51.321, -81.619
XYZ	12.162, 6.461, 57.73
xyY	0.159, 0.085, 6.461
CIE-LCH	30.548, 96.413, 302.161
CIE-LUV	30.548, -10.123, -104.173
Hunter-Lab	25.419, 40.923, -116.86
Binary	00010100, 00101110, 11001100

#142ecc
```
#142ecc rgb(20,46,204)
```
#ccb214
```
#ccb214 rgb(204,178,20)
```

Complementary Color

#148acc
```
#148acc rgb(20,138,204)
```
#142ecc
```
#142ecc rgb(20,46,204)
```
#5614cc
```
#5614cc rgb(86,20,204)
```

Analogous Color

#8acc14
```
#8acc14 rgb(138,204,20)
```
#142ecc
```
#142ecc rgb(20,46,204)
```
#cc5614
```
#cc5614 rgb(204,86,20)
```

Split Complementary Color

#2ecc14
```
#2ecc14 rgb(46,204,20)
```
#142ecc
```
#142ecc rgb(20,46,204)
```
#cc142e
```
#cc142e rgb(204,20,46)
```

Triadic Color

#14ccb2
```
#14ccb2 rgb(20,204,178)
```
#142ecc
```
#142ecc rgb(20,46,204)
```
#cc142e
```
#cc142e rgb(204,20,46)
```
#ccb214
```
#ccb214 rgb(204,178,20)
```

Tetradic Color

#0d1e86
```
#0d1e86 rgb(13,30,134)
```
#0f249e
```
#0f249e rgb(15,36,158)
```
#1229b5
```
#1229b5 rgb(18,41,181)
```
#142ecc
```
#142ecc rgb(20,46,204)
```
#1633e3
```
#1633e3 rgb(22,51,227)
```
#2944ea
```
#2944ea rgb(41,68,234)
```
#4059ec
```
#4059ec rgb(64,89,236)
```

Monochromatic Color

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

#145ccc
```
#145ccc rgb(20,92,204)
```
#144dcc
```
#144dcc rgb(20,77,204)
```
#143dcc
```
#143dcc rgb(20,61,204)
```
#142ecc
```
#142ecc rgb(20,46,204)
```
#141fcc
```
#141fcc rgb(20,31,204)
```
#1914cc
```
#1914cc rgb(25,20,204)
```
#2814cc
```
#2814cc rgb(40,20,204)
```

Similar Colors

Text with hexadecimal color #142ecc

This text has a font color of #142ecc.

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

#142ecc background color

This paragraph has a background color of #142ecc.

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

#142ecc border color

This element has a border color of #142ecc.

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

CSS codes

.text {color:#142ecc;}

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

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

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

#010207
```
#010207 rgb(1,2,7)
```
#020619
```
#020619 rgb(2,6,25)
```
#040a2b
```
#040a2b rgb(4,10,43)
```
#060e3d
```
#060e3d rgb(6,14,61)
```
#08124f
```
#08124f rgb(8,18,79)
```
#091661
```
#091661 rgb(9,22,97)
```
#0b1a73
```
#0b1a73 rgb(11,26,115)
```
#0d1e85
```
#0d1e85 rgb(13,30,133)
```
#0f2296
```
#0f2296 rgb(15,34,150)
```
#1026a8
```
#1026a8 rgb(16,38,168)
```
#122aba
```
#122aba rgb(18,42,186)
```
#142ecc
```
#142ecc rgb(20,46,204)
```
#1632de
```
#1632de rgb(22,50,222)
```

Shade Color Variation

#1e3be9
```
#1e3be9 rgb(30,59,233)
```
#304aeb
```
#304aeb rgb(48,74,235)
```
#425aec
```
#425aec rgb(66,90,236)
```
#546aee
```
#546aee rgb(84,106,238)
```
#6679f0
```
#6679f0 rgb(102,121,240)
```
#7889f2
```
#7889f2 rgb(120,137,242)
```
#8998f3
```
#8998f3 rgb(137,152,243)
```
#9ba8f5
```
#9ba8f5 rgb(155,168,245)
```
#adb8f7
```
#adb8f7 rgb(173,184,247)
```
#bfc7f9
```
#bfc7f9 rgb(191,199,249)
```
#d1d7fa
```
#d1d7fa rgb(209,215,250)
```
#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, #6a6c76 is the less saturated color, while #0322dd is the most saturated one.

#6a6c76
```
#6a6c76 rgb(106,108,118)
```
#62667e
```
#62667e rgb(98,102,126)
```
#595f87
```
#595f87 rgb(89,95,135)
```
#505990
```
#505990 rgb(80,89,144)
```
#485398
```
#485398 rgb(72,83,152)
```
#3f4da1
```
#3f4da1 rgb(63,77,161)
```
#3647aa
```
#3647aa rgb(54,71,170)
```
#2e41b2
```
#2e41b2 rgb(46,65,178)
```
#253abb
```
#253abb rgb(37,58,187)
```
#1d34c3
```
#1d34c3 rgb(29,52,195)
```
#142ecc
```
#142ecc rgb(20,46,204)
```
#0b28d5
```
#0b28d5 rgb(11,40,213)
```
#0322dd
```
#0322dd rgb(3,34,221)
```

Tone Color Variation

Below, you can see how #142ecc 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
#313656 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004f99 Protanopia 1% of men
#005384 Deuteranopia 1% of men
#00595d Tritanopia 0.001% of the population

Trichromacy

#0743ab Protanomaly 1% of men, 0.01% of women
#07469e Deuteranomaly 6% of men, 0.4% of women
#074985 Tritanomaly 0.01% of the population

#142ecc hex color

#142ecc Color Information

#142ecc Color Conversion

Color Schemes with #142ecc

Alternatives to #142ecc

#142ecc Preview

Shades and Tints of #142ecc

Tones of #142ecc

Color Blindness Simulator