#142136 hex color

In a RGB color space, hex #142136 is composed of 7.8% red, 12.9% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 63% cyan, 38.9% magenta, 0% yellow and 78.8% black. It has a hue angle of 217.1 degrees, a saturation of 45.9% and a lightness of 14.5%. #142136 color hex could be obtained by blending #28426c with #000000. Closest websafe color is: #003333.

♥
- f
- t
- g
- R 8
- G 13
- B 21
RGB color chart
- C 63
- M 39
- Y 0
- K 79
CMYK color chart

● #142136 color description : Very dark blue.

The hexadecimal color #142136 has RGB values of R:20, G:33, B:54 and CMYK values of C:0.63, M:0.39, Y:0, K:0.79. Its decimal value is 1319222.

Hex triplet	142136	`#142136`
RGB Decimal	20, 33, 54	`rgb(20,33,54)`
RGB Percent	7.8, 12.9, 21.2	`rgb(7.8%,12.9%,21.2%)`
CMYK	63, 39, 0, 79
HSL	217.1°, 45.9, 14.5	`hsl(217.1,45.9%,14.5%)`
HSV (or HSB)	217.1°, 63, 21.2
Web Safe	003333	`#003333`

CIE-LAB	12.625, 1.978, -15.432
XYZ	1.498, 1.503, 3.701
xyY	0.224, 0.224, 1.503
CIE-LCH	12.625, 15.558, 277.303
CIE-LUV	12.625, -4.484, -13.702
Hunter-Lab	12.258, 0.361, -9.319
Binary	00010100, 00100001, 00110110

#142136
```
#142136 rgb(20,33,54)
```
#362914
```
#362914 rgb(54,41,20)
```

Complementary Color

#143236
```
#143236 rgb(20,50,54)
```
#142136
```
#142136 rgb(20,33,54)
```
#181436
```
#181436 rgb(24,20,54)
```

Analogous Color

#323614
```
#323614 rgb(50,54,20)
```
#142136
```
#142136 rgb(20,33,54)
```
#361814
```
#361814 rgb(54,24,20)
```

Split Complementary Color

#213614
```
#213614 rgb(33,54,20)
```
#142136
```
#142136 rgb(20,33,54)
```
#361421
```
#361421 rgb(54,20,33)
```

Triadic Color

#143629
```
#143629 rgb(20,54,41)
```
#142136
```
#142136 rgb(20,33,54)
```
#361421
```
#361421 rgb(54,20,33)
```
#362914
```
#362914 rgb(54,41,20)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#060a11
```
#060a11 rgb(6,10,17)
```
#0d1623
```
#0d1623 rgb(13,22,35)
```
#142136
```
#142136 rgb(20,33,54)
```
#1b2c49
```
#1b2c49 rgb(27,44,73)
```
#22385b
```
#22385b rgb(34,56,91)
```
#29436e
```
#29436e rgb(41,67,110)
```

Monochromatic Color

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

#142a36
```
#142a36 rgb(20,42,54)
```
#142736
```
#142736 rgb(20,39,54)
```
#142436
```
#142436 rgb(20,36,54)
```
#142136
```
#142136 rgb(20,33,54)
```
#141e36
```
#141e36 rgb(20,30,54)
```
#141b36
```
#141b36 rgb(20,27,54)
```
#141936
```
#141936 rgb(20,25,54)
```

Similar Colors

Text with hexadecimal color #142136

This text has a font color of #142136.

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

#142136 background color

This paragraph has a background color of #142136.

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

#142136 border color

This element has a border color of #142136.

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

CSS codes

.text {color:#142136;}

.background {background-color:#142136;}

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

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, #04070b is the darkest color, while #fcfdfe is the lightest one.

#04070b
```
#04070b rgb(4,7,11)
```
#091019
```
#091019 rgb(9,16,25)
```
#0f1828
```
#0f1828 rgb(15,24,40)
```
#142136
```
#142136 rgb(20,33,54)
```
#192a44
```
#192a44 rgb(25,42,68)
```
#1f3253
```
#1f3253 rgb(31,50,83)
```
#243b61
```
#243b61 rgb(36,59,97)
```
#29446f
```
#29446f rgb(41,68,111)
```
#2f4d7e
```
#2f4d7e rgb(47,77,126)
```
#34558c
```
#34558c rgb(52,85,140)
```
#395e9a
```
#395e9a rgb(57,94,154)
```
#3e67a9
```
#3e67a9 rgb(62,103,169)
```
#4470b7
```
#4470b7 rgb(68,112,183)
```

Shade Color Variation

#507abe
```
#507abe rgb(80,122,190)
```
#5e85c3
```
#5e85c3 rgb(94,133,195)
```
#6d90c9
```
#6d90c9 rgb(109,144,201)
```
#7b9bce
```
#7b9bce rgb(123,155,206)
```
#89a6d3
```
#89a6d3 rgb(137,166,211)
```
#98b0d9
```
#98b0d9 rgb(152,176,217)
```
#a6bbde
```
#a6bbde rgb(166,187,222)
```
#b4c6e3
```
#b4c6e3 rgb(180,198,227)
```
#c2d1e9
```
#c2d1e9 rgb(194,209,233)
```
#d1dcee
```
#d1dcee rgb(209,220,238)
```
#dfe7f3
```
#dfe7f3 rgb(223,231,243)
```
#edf2f8
```
#edf2f8 rgb(237,242,248)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#222428
```
#222428 rgb(34,36,40)
```
#1f242b
```
#1f242b rgb(31,36,43)
```
#1d232d
```
#1d232d rgb(29,35,45)
```
#1a2230
```
#1a2230 rgb(26,34,48)
```
#172233
```
#172233 rgb(23,34,51)
```
#142136
```
#142136 rgb(20,33,54)
```
#112039
```
#112039 rgb(17,32,57)
```
#0e203c
```
#0e203c rgb(14,32,60)
```
#0b1f3f
```
#0b1f3f rgb(11,31,63)
```
#091e41
```
#091e41 rgb(9,30,65)
```
#061e44
```
#061e44 rgb(6,30,68)
```
#031d47
```
#031d47 rgb(3,29,71)
```
#001c4a
```
#001c4a rgb(0,28,74)
```

Tone Color Variation

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

#202020 Achromatopsia 0.005% of the population
#1e2024 Atypical Achromatopsia 0.001% of the population

Dichromacy

#242b3f Protanopia 1% of men
#212c40 Deuteranopia 1% of men
#1a2f32 Tritanopia 0.001% of the population

Trichromacy

#1e273c Protanomaly 1% of men, 0.01% of women
#1c283c Deuteranomaly 6% of men, 0.4% of women
#172a34 Tritanomaly 0.01% of the population

#142136 hex color

#142136 Color Information

#142136 Color Conversion

Color Schemes with #142136

Alternatives to #142136

#142136 Preview

Shades and Tints of #142136

Tones of #142136

Color Blindness Simulator