#142e78 hex color

In a RGB color space, hex #142e78 is composed of 7.8% red, 18% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 83.3% cyan, 61.7% magenta, 0% yellow and 52.9% black. It has a hue angle of 224.4 degrees, a saturation of 71.4% and a lightness of 27.5%. #142e78 color hex could be obtained by blending #285cf0 with #000000. Closest websafe color is: #003366.

♥
- f
- t
- g
- R 8
- G 18
- B 47
RGB color chart
- C 83
- M 62
- Y 0
- K 53
CMYK color chart

● #142e78 color description : Dark blue.

The hexadecimal color #142e78 has RGB values of R:20, G:46, B:120 and CMYK values of C:0.83, M:0.62, Y:0, K:0.53. Its decimal value is 1322616.

Hex triplet	142e78	`#142e78`
RGB Decimal	20, 46, 120	`rgb(20,46,120)`
RGB Percent	7.8, 18, 47.1	`rgb(7.8%,18%,47.1%)`
CMYK	83, 62, 0, 53
HSL	224.4°, 71.4, 27.5	`hsl(224.4,71.4%,27.5%)`
HSV (or HSB)	224.4°, 83.3, 47.1
Web Safe	003366	`#003366`

CIE-LAB	21.794, 20.031, -44.99
XYZ	4.655, 3.458, 18.19
xyY	0.177, 0.131, 3.458
CIE-LCH	21.794, 49.248, 294
CIE-LUV	21.794, -8.57, -53.315
Hunter-Lab	18.597, 12.135, -44.977
Binary	00010100, 00101110, 01111000

#142e78
```
#142e78 rgb(20,46,120)
```
#785e14
```
#785e14 rgb(120,94,20)
```

Complementary Color

#146078
```
#146078 rgb(20,96,120)
```
#142e78
```
#142e78 rgb(20,46,120)
```
#2c1478
```
#2c1478 rgb(44,20,120)
```

Analogous Color

#607814
```
#607814 rgb(96,120,20)
```
#142e78
```
#142e78 rgb(20,46,120)
```
#782c14
```
#782c14 rgb(120,44,20)
```

Split Complementary Color

#2e7814
```
#2e7814 rgb(46,120,20)
```
#142e78
```
#142e78 rgb(20,46,120)
```
#78142e
```
#78142e rgb(120,20,46)
```

Triadic Color

#14785e
```
#14785e rgb(20,120,94)
```
#142e78
```
#142e78 rgb(20,46,120)
```
#78142e
```
#78142e rgb(120,20,46)
```
#785e14
```
#785e14 rgb(120,94,20)
```

Tetradic Color

#091536
```
#091536 rgb(9,21,54)
```
#0d1d4c
```
#0d1d4c rgb(13,29,76)
```
#102662
```
#102662 rgb(16,38,98)
```
#142e78
```
#142e78 rgb(20,46,120)
```
#18368e
```
#18368e rgb(24,54,142)
```
#1b3fa4
```
#1b3fa4 rgb(27,63,164)
```
#1f47ba
```
#1f47ba rgb(31,71,186)
```

Monochromatic Color

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

#144778
```
#144778 rgb(20,71,120)
```
#143f78
```
#143f78 rgb(20,63,120)
```
#143678
```
#143678 rgb(20,54,120)
```
#142e78
```
#142e78 rgb(20,46,120)
```
#142678
```
#142678 rgb(20,38,120)
```
#141d78
```
#141d78 rgb(20,29,120)
```
#141578
```
#141578 rgb(20,21,120)
```

Similar Colors

Text with hexadecimal color #142e78

This text has a font color of #142e78.

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

#142e78 background color

This paragraph has a background color of #142e78.

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

#142e78 border color

This element has a border color of #142e78.

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

CSS codes

.text {color:#142e78;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#030713
```
#030713 rgb(3,7,19)
```
#060e24
```
#060e24 rgb(6,14,36)
```
#091435
```
#091435 rgb(9,20,53)
```
#0c1b46
```
#0c1b46 rgb(12,27,70)
```
#0e2156
```
#0e2156 rgb(14,33,86)
```
#112867
```
#112867 rgb(17,40,103)
```
#142e78
```
#142e78 rgb(20,46,120)
```
#173489
```
#173489 rgb(23,52,137)
```
#1a3b9a
```
#1a3b9a rgb(26,59,154)
```
#1c41aa
```
#1c41aa rgb(28,65,170)
```
#1f48bb
```
#1f48bb rgb(31,72,187)
```
#224ecc
```
#224ecc rgb(34,78,204)
```

Shade Color Variation

#2756db
```
#2756db rgb(39,86,219)
```
#3863de
```
#3863de rgb(56,99,222)
```
#4870e1
```
#4870e1 rgb(72,112,225)
```
#597de3
```
#597de3 rgb(89,125,227)
```
#6a8ae6
```
#6a8ae6 rgb(106,138,230)
```
#7b97e9
```
#7b97e9 rgb(123,151,233)
```
#8ca5ec
```
#8ca5ec rgb(140,165,236)
```
#9cb2ef
```
#9cb2ef rgb(156,178,239)
```
#adbff1
```
#adbff1 rgb(173,191,241)
```
#beccf4
```
#beccf4 rgb(190,204,244)
```
#cfd9f7
```
#cfd9f7 rgb(207,217,247)
```
#e0e6fa
```
#e0e6fa rgb(224,230,250)
```
#f0f4fd
```
#f0f4fd rgb(240,244,253)
```

Tint Color Variation

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

#444548
```
#444548 rgb(68,69,72)
```
#3f434d
```
#3f434d rgb(63,67,77)
```
#3a4052
```
#3a4052 rgb(58,64,82)
```
#343e58
```
#343e58 rgb(52,62,88)
```
#2f3b5d
```
#2f3b5d rgb(47,59,93)
```
#2a3862
```
#2a3862 rgb(42,56,98)
```
#243668
```
#243668 rgb(36,54,104)
```
#1f336d
```
#1f336d rgb(31,51,109)
```
#193173
```
#193173 rgb(25,49,115)
```
#142e78
```
#142e78 rgb(20,46,120)
```
#0f2b7d
```
#0f2b7d rgb(15,43,125)
```
#092983
```
#092983 rgb(9,41,131)
```
#042688
```
#042688 rgb(4,38,136)
```

Tone Color Variation

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

#2f2f2f Achromatopsia 0.005% of the population
#2a2f3e Atypical Achromatopsia 0.001% of the population

Dichromacy

#003c77 Protanopia 1% of men
#004067 Deuteranopia 1% of men
#004448 Tritanopia 0.001% of the population

Trichromacy

#073777 Protanomaly 1% of men, 0.01% of women
#07396d Deuteranomaly 6% of men, 0.4% of women
#073c59 Tritanomaly 0.01% of the population

#142e78 hex color

#142e78 Color Information

#142e78 Color Conversion

Color Schemes with #142e78

Alternatives to #142e78

#142e78 Preview

Shades and Tints of #142e78

Tones of #142e78

Color Blindness Simulator