#142593 hex color

In a RGB color space, hex #142593 is composed of 7.8% red, 14.5% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 86.4% cyan, 74.8% magenta, 0% yellow and 42.4% black. It has a hue angle of 232 degrees, a saturation of 76% and a lightness of 32.7%. #142593 color hex could be obtained by blending #284aff with #000027. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 8
- G 15
- B 58
RGB color chart
- C 86
- M 75
- Y 0
- K 42
CMYK color chart

● #142593 color description : Dark blue.

The hexadecimal color #142593 has RGB values of R:20, G:37, B:147 and CMYK values of C:0.86, M:0.75, Y:0, K:0.42. Its decimal value is 1320339.

Hex triplet	142593	`#142593`
RGB Decimal	20, 37, 147	`rgb(20,37,147)`
RGB Percent	7.8, 14.5, 57.6	`rgb(7.8%,14.5%,57.6%)`
CMYK	86, 75, 0, 42
HSL	232°, 76, 32.7	`hsl(232,76%,32.7%)`
HSV (or HSB)	232°, 86.4, 57.6
Web Safe	003399	`#003399`

CIE-LAB	22.224, 36.682, -61.227
XYZ	6.215, 3.578, 27.965
xyY	0.165, 0.095, 3.578
CIE-LCH	22.224, 71.374, 300.927
CIE-LUV	22.224, -7.201, -70.602
Hunter-Lab	18.916, 25.551, -74.415
Binary	00010100, 00100101, 10010011

#142593
```
#142593 rgb(20,37,147)
```
#938214
```
#938214 rgb(147,130,20)
```

Complementary Color

#146593
```
#146593 rgb(20,101,147)
```
#142593
```
#142593 rgb(20,37,147)
```
#431493
```
#431493 rgb(67,20,147)
```

Analogous Color

#659314
```
#659314 rgb(101,147,20)
```
#142593
```
#142593 rgb(20,37,147)
```
#934214
```
#934214 rgb(147,66,20)
```

Split Complementary Color

#259314
```
#259314 rgb(37,147,20)
```
#142593
```
#142593 rgb(20,37,147)
```
#931425
```
#931425 rgb(147,20,37)
```

Triadic Color

#149382
```
#149382 rgb(20,147,130)
```
#142593
```
#142593 rgb(20,37,147)
```
#931425
```
#931425 rgb(147,20,37)
```
#938214
```
#938214 rgb(147,130,20)
```

Tetradic Color

#0b1450
```
#0b1450 rgb(11,20,80)
```
#0e1a66
```
#0e1a66 rgb(14,26,102)
```
#111f7d
```
#111f7d rgb(17,31,125)
```
#142593
```
#142593 rgb(20,37,147)
```
#172ba9
```
#172ba9 rgb(23,43,169)
```
#1a30c0
```
#1a30c0 rgb(26,48,192)
```
#1d36d6
```
#1d36d6 rgb(29,54,214)
```

Monochromatic Color

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

#144593
```
#144593 rgb(20,69,147)
```
#143a93
```
#143a93 rgb(20,58,147)
```
#143093
```
#143093 rgb(20,48,147)
```
#142593
```
#142593 rgb(20,37,147)
```
#141a93
```
#141a93 rgb(20,26,147)
```
#181493
```
#181493 rgb(24,20,147)
```
#231493
```
#231493 rgb(35,20,147)
```

Similar Colors

Text with hexadecimal color #142593

This text has a font color of #142593.

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

#142593 background color

This paragraph has a background color of #142593.

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

#142593 border color

This element has a border color of #142593.

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

CSS codes

.text {color:#142593;}

.background {background-color:#142593;}

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

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)
```
#060b2b
```
#060b2b rgb(6,11,43)
```
#080f3d
```
#080f3d rgb(8,15,61)
```
#0b144e
```
#0b144e rgb(11,20,78)
```
#0d185f
```
#0d185f rgb(13,24,95)
```
#0f1c70
```
#0f1c70 rgb(15,28,112)
```
#122182
```
#122182 rgb(18,33,130)
```
#142593
```
#142593 rgb(20,37,147)
```
#1629a4
```
#1629a4 rgb(22,41,164)
```
#192eb6
```
#192eb6 rgb(25,46,182)
```
#1b32c7
```
#1b32c7 rgb(27,50,199)
```
#1d36d8
```
#1d36d8 rgb(29,54,216)
```

Shade Color Variation

#2740e2
```
#2740e2 rgb(39,64,226)
```
#3950e4
```
#3950e4 rgb(57,80,228)
```
#4a5fe6
```
#4a5fe6 rgb(74,95,230)
```
#5b6ee9
```
#5b6ee9 rgb(91,110,233)
```
#6c7deb
```
#6c7deb rgb(108,125,235)
```
#7e8ded
```
#7e8ded rgb(126,141,237)
```
#8f9cf0
```
#8f9cf0 rgb(143,156,240)
```
#a0abf2
```
#a0abf2 rgb(160,171,242)
```
#b2baf4
```
#b2baf4 rgb(178,186,244)
```
#c3caf7
```
#c3caf7 rgb(195,202,247)
```
#d4d9f9
```
#d4d9f9 rgb(212,217,249)
```
#e5e8fc
```
#e5e8fc rgb(229,232,252)
```
#f7f8fe
```
#f7f8fe rgb(247,248,254)
```

Tint Color Variation

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

#4e4f59
```
#4e4f59 rgb(78,79,89)
```
#474b60
```
#474b60 rgb(71,75,96)
```
#414666
```
#414666 rgb(65,70,102)
```
#3b416c
```
#3b416c rgb(59,65,108)
```
#343d73
```
#343d73 rgb(52,61,115)
```
#2e3879
```
#2e3879 rgb(46,56,121)
```
#273380
```
#273380 rgb(39,51,128)
```
#212e86
```
#212e86 rgb(33,46,134)
```
#1a2a8d
```
#1a2a8d rgb(26,42,141)
```
#142593
```
#142593 rgb(20,37,147)
```
#0e2099
```
#0e2099 rgb(14,32,153)
```
#071ca0
```
#071ca0 rgb(7,28,160)
```
#0117a6
```
#0117a6 rgb(1,23,166)
```

Tone Color Variation

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

#2c2c2c Achromatopsia 0.005% of the population
#272b41 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003d78 Protanopia 1% of men
#004168 Deuteranopia 1% of men
#004649 Tritanopia 0.001% of the population

Trichromacy

#073481 Protanomaly 1% of men, 0.01% of women
#073777 Deuteranomaly 6% of men, 0.4% of women
#073a64 Tritanomaly 0.01% of the population

#142593 hex color

#142593 Color Information

#142593 Color Conversion

Color Schemes with #142593

Alternatives to #142593

#142593 Preview

Shades and Tints of #142593

Tones of #142593

Color Blindness Simulator