#142168 hex color

In a RGB color space, hex #142168 is composed of 7.8% red, 12.9% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 80.8% cyan, 68.3% magenta, 0% yellow and 59.2% black. It has a hue angle of 230.7 degrees, a saturation of 67.7% and a lightness of 24.3%. #142168 color hex could be obtained by blending #2842d0 with #000000. Closest websafe color is: #003366.

♥
- f
- t
- g
- R 8
- G 13
- B 41
RGB color chart
- C 81
- M 68
- Y 0
- K 59
CMYK color chart

● #142168 color description : Very dark blue.

The hexadecimal color #142168 has RGB values of R:20, G:33, B:104 and CMYK values of C:0.81, M:0.68, Y:0, K:0.59. Its decimal value is 1319272.

Hex triplet	142168	`#142168`
RGB Decimal	20, 33, 104	`rgb(20,33,104)`
RGB Percent	7.8, 12.9, 40.8	`rgb(7.8%,12.9%,40.8%)`
CMYK	81, 68, 0, 59
HSL	230.7°, 67.7, 24.3	`hsl(230.7,67.7%,24.3%)`
HSV (or HSB)	230.7°, 80.8, 40.8
Web Safe	003366	`#003366`

CIE-LAB	16.678, 22.761, -43.021
XYZ	3.331, 2.236, 13.352
xyY	0.176, 0.118, 2.236
CIE-LCH	16.678, 48.671, 297.882
CIE-LUV	16.678, -5.344, -44.829
Hunter-Lab	14.952, 13.594, -42.478
Binary	00010100, 00100001, 01101000

#142168
```
#142168 rgb(20,33,104)
```
#685b14
```
#685b14 rgb(104,91,20)
```

Complementary Color

#144b68
```
#144b68 rgb(20,75,104)
```
#142168
```
#142168 rgb(20,33,104)
```
#311468
```
#311468 rgb(49,20,104)
```

Analogous Color

#4b6814
```
#4b6814 rgb(75,104,20)
```
#142168
```
#142168 rgb(20,33,104)
```
#683114
```
#683114 rgb(104,49,20)
```

Split Complementary Color

#216814
```
#216814 rgb(33,104,20)
```
#142168
```
#142168 rgb(20,33,104)
```
#681421
```
#681421 rgb(104,20,33)
```

Triadic Color

#14685b
```
#14685b rgb(20,104,91)
```
#142168
```
#142168 rgb(20,33,104)
```
#681421
```
#681421 rgb(104,20,33)
```
#685b14
```
#685b14 rgb(104,91,20)
```

Tetradic Color

#080d28
```
#080d28 rgb(8,13,40)
```
#0c133d
```
#0c133d rgb(12,19,61)
```
#101a53
```
#101a53 rgb(16,26,83)
```
#142168
```
#142168 rgb(20,33,104)
```
#18287d
```
#18287d rgb(24,40,125)
```
#1c2f93
```
#1c2f93 rgb(28,47,147)
```
#2035a8
```
#2035a8 rgb(32,53,168)
```

Monochromatic Color

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

#143668
```
#143668 rgb(20,54,104)
```
#142f68
```
#142f68 rgb(20,47,104)
```
#142868
```
#142868 rgb(20,40,104)
```
#142168
```
#142168 rgb(20,33,104)
```
#141a68
```
#141a68 rgb(20,26,104)
```
#151468
```
#151468 rgb(21,20,104)
```
#1c1468
```
#1c1468 rgb(28,20,104)
```

Similar Colors

Text with hexadecimal color #142168

This text has a font color of #142168.

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

#142168 background color

This paragraph has a background color of #142168.

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

#142168 border color

This element has a border color of #142168.

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

CSS codes

.text {color:#142168;}

.background {background-color:#142168;}

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

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

#010205
```
#010205 rgb(1,2,5)
```
#040716
```
#040716 rgb(4,7,22)
```
#070c26
```
#070c26 rgb(7,12,38)
```
#0b1137
```
#0b1137 rgb(11,17,55)
```
#0e1747
```
#0e1747 rgb(14,23,71)
```
#111c58
```
#111c58 rgb(17,28,88)
```
#142168
```
#142168 rgb(20,33,104)
```
#172678
```
#172678 rgb(23,38,120)
```
#1a2b89
```
#1a2b89 rgb(26,43,137)
```
#1d3199
```
#1d3199 rgb(29,49,153)
```
#2136aa
```
#2136aa rgb(33,54,170)
```
#243bba
```
#243bba rgb(36,59,186)
```
#2740cb
```
#2740cb rgb(39,64,203)
```

Shade Color Variation

#2e48d7
```
#2e48d7 rgb(46,72,215)
```
#3f57da
```
#3f57da rgb(63,87,218)
```
#4f65dd
```
#4f65dd rgb(79,101,221)
```
#6074e0
```
#6074e0 rgb(96,116,224)
```
#7082e4
```
#7082e4 rgb(112,130,228)
```
#8190e7
```
#8190e7 rgb(129,144,231)
```
#919fea
```
#919fea rgb(145,159,234)
```
#a2aded
```
#a2aded rgb(162,173,237)
```
#b2bcf0
```
#b2bcf0 rgb(178,188,240)
```
#c2caf3
```
#c2caf3 rgb(194,202,243)
```
#d3d8f7
```
#d3d8f7 rgb(211,216,247)
```
#e3e7fa
```
#e3e7fa rgb(227,231,250)
```
#f4f5fd
```
#f4f5fd rgb(244,245,253)
```

Tint Color Variation

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

#3a3b42
```
#3a3b42 rgb(58,59,66)
```
#353847
```
#353847 rgb(53,56,71)
```
#31354b
```
#31354b rgb(49,53,75)
```
#2c3150
```
#2c3150 rgb(44,49,80)
```
#272e55
```
#272e55 rgb(39,46,85)
```
#222b5a
```
#222b5a rgb(34,43,90)
```
#1e285e
```
#1e285e rgb(30,40,94)
```
#192463
```
#192463 rgb(25,36,99)
```
#142168
```
#142168 rgb(20,33,104)
```
#0f1e6d
```
#0f1e6d rgb(15,30,109)
```
#0a1a72
```
#0a1a72 rgb(10,26,114)
```
#061776
```
#061776 rgb(6,23,118)
```
#01147b
```
#01147b rgb(1,20,123)
```

Tone Color Variation

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

#252525 Achromatopsia 0.005% of the population
#222432 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003263 Protanopia 1% of men
#003556 Deuteranopia 1% of men
#00393c Tritanopia 0.001% of the population

Trichromacy

#072c64 Protanomaly 1% of men, 0.01% of women
#072e5c Deuteranomaly 6% of men, 0.4% of women
#07304c Tritanomaly 0.01% of the population

#142168 hex color

#142168 Color Information

#142168 Color Conversion

Color Schemes with #142168

Alternatives to #142168

#142168 Preview

Shades and Tints of #142168

Tones of #142168

Color Blindness Simulator