#142180 hex color

In a RGB color space, hex #142180 is composed of 7.8% red, 12.9% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 84.4% cyan, 74.2% magenta, 0% yellow and 49.8% black. It has a hue angle of 232.8 degrees, a saturation of 73% and a lightness of 29%. #142180 color hex could be obtained by blending #2842ff with #000001. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 8
- G 13
- B 50
RGB color chart
- C 84
- M 74
- Y 0
- K 50
CMYK color chart

● #142180 color description : Dark blue.

The hexadecimal color #142180 has RGB values of R:20, G:33, B:128 and CMYK values of C:0.84, M:0.74, Y:0, K:0.5. Its decimal value is 1319296.

Hex triplet	142180	`#142180`
RGB Decimal	20, 33, 128	`rgb(20,33,128)`
RGB Percent	7.8, 12.9, 50.2	`rgb(7.8%,12.9%,50.2%)`
CMYK	84, 74, 0, 50
HSL	232.8°, 73, 29	`hsl(232.8,73%,29%)`
HSV (or HSB)	232.8°, 84.4, 50.2
Web Safe	003399	`#003399`

CIE-LAB	19.202, 32.152, -54.328
XYZ	4.728, 2.795, 20.711
xyY	0.167, 0.099, 2.795
CIE-LCH	19.202, 63.13, 300.618
CIE-LUV	19.202, -5.989, -59.191
Hunter-Lab	16.717, 21.227, -61.754
Binary	00010100, 00100001, 10000000

#142180
```
#142180 rgb(20,33,128)
```
#807314
```
#807314 rgb(128,115,20)
```

Complementary Color

#145780
```
#145780 rgb(20,87,128)
```
#142180
```
#142180 rgb(20,33,128)
```
#3d1480
```
#3d1480 rgb(61,20,128)
```

Analogous Color

#578014
```
#578014 rgb(87,128,20)
```
#142180
```
#142180 rgb(20,33,128)
```
#803d14
```
#803d14 rgb(128,61,20)
```

Split Complementary Color

#218014
```
#218014 rgb(33,128,20)
```
#142180
```
#142180 rgb(20,33,128)
```
#801421
```
#801421 rgb(128,20,33)
```

Triadic Color

#148073
```
#148073 rgb(20,128,115)
```
#142180
```
#142180 rgb(20,33,128)
```
#801421
```
#801421 rgb(128,20,33)
```
#807314
```
#807314 rgb(128,115,20)
```

Tetradic Color

#0a103e
```
#0a103e rgb(10,16,62)
```
#0d1654
```
#0d1654 rgb(13,22,84)
```
#111b6a
```
#111b6a rgb(17,27,106)
```
#142180
```
#142180 rgb(20,33,128)
```
#172796
```
#172796 rgb(23,39,150)
```
#1b2cac
```
#1b2cac rgb(27,44,172)
```
#1e32c2
```
#1e32c2 rgb(30,50,194)
```

Monochromatic Color

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

#143c80
```
#143c80 rgb(20,60,128)
```
#143380
```
#143380 rgb(20,51,128)
```
#142a80
```
#142a80 rgb(20,42,128)
```
#142180
```
#142180 rgb(20,33,128)
```
#141880
```
#141880 rgb(20,24,128)
```
#191480
```
#191480 rgb(25,20,128)
```
#221480
```
#221480 rgb(34,20,128)
```

Similar Colors

Text with hexadecimal color #142180

This text has a font color of #142180.

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

#142180 background color

This paragraph has a background color of #142180.

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

#142180 border color

This element has a border color of #142180.

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

CSS codes

.text {color:#142180;}

.background {background-color:#142180;}

.border {border:1px solid #142180;}

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

#010209
```
#010209 rgb(1,2,9)
```
#04071a
```
#04071a rgb(4,7,26)
```
#070b2b
```
#070b2b rgb(7,11,43)
```
#09103c
```
#09103c rgb(9,16,60)
```
#0c144d
```
#0c144d rgb(12,20,77)
```
#0f185e
```
#0f185e rgb(15,24,94)
```
#111d6f
```
#111d6f rgb(17,29,111)
```
#142180
```
#142180 rgb(20,33,128)
```
#172591
```
#172591 rgb(23,37,145)
```
#192aa2
```
#192aa2 rgb(25,42,162)
```
#1c2eb3
```
#1c2eb3 rgb(28,46,179)
```
#1f32c4
```
#1f32c4 rgb(31,50,196)
```
#2137d5
```
#2137d5 rgb(33,55,213)
```

Shade Color Variation

#2c41de
```
#2c41de rgb(44,65,222)
```
#3d50e1
```
#3d50e1 rgb(61,80,225)
```
#4e60e3
```
#4e60e3 rgb(78,96,227)
```
#5f6fe6
```
#5f6fe6 rgb(95,111,230)
```
#707ee9
```
#707ee9 rgb(112,126,233)
```
#818deb
```
#818deb rgb(129,141,235)
```
#919dee
```
#919dee rgb(145,157,238)
```
#a2acf1
```
#a2acf1 rgb(162,172,241)
```
#b3bbf3
```
#b3bbf3 rgb(179,187,243)
```
#c4caf6
```
#c4caf6 rgb(196,202,246)
```
#d5daf8
```
#d5daf8 rgb(213,218,248)
```
#e6e9fb
```
#e6e9fb rgb(230,233,251)
```
#f7f8fe
```
#f7f8fe rgb(247,248,254)
```

Tint Color Variation

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

#47484d
```
#47484d rgb(71,72,77)
```
#424452
```
#424452 rgb(66,68,82)
```
#3c3f58
```
#3c3f58 rgb(60,63,88)
```
#363b5e
```
#363b5e rgb(54,59,94)
```
#303764
```
#303764 rgb(48,55,100)
```
#2b3269
```
#2b3269 rgb(43,50,105)
```
#252e6f
```
#252e6f rgb(37,46,111)
```
#1f2a75
```
#1f2a75 rgb(31,42,117)
```
#1a257a
```
#1a257a rgb(26,37,122)
```
#142180
```
#142180 rgb(20,33,128)
```
#0e1d86
```
#0e1d86 rgb(14,29,134)
```
#09188b
```
#09188b rgb(9,24,139)
```
#031491
```
#031491 rgb(3,20,145)
```

Tone Color Variation

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

#282828 Achromatopsia 0.005% of the population
#24273a Atypical Achromatopsia 0.001% of the population

Dichromacy

#00376c Protanopia 1% of men
#003b5e Deuteranopia 1% of men
#003f42 Tritanopia 0.001% of the population

Trichromacy

#072f73 Protanomaly 1% of men, 0.01% of women
#07316a Deuteranomaly 6% of men, 0.4% of women
#073458 Tritanomaly 0.01% of the population

#142180 hex color

#142180 Color Information

#142180 Color Conversion

Color Schemes with #142180

Alternatives to #142180

#142180 Preview

Shades and Tints of #142180

Tones of #142180

Color Blindness Simulator