#142636 hex color

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

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

● #142636 color description : Very dark blue.

The hexadecimal color #142636 has RGB values of R:20, G:38, B:54 and CMYK values of C:0.63, M:0.3, Y:0, K:0.79. Its decimal value is 1320502.

Hex triplet	142636	`#142636`
RGB Decimal	20, 38, 54	`rgb(20,38,54)`
RGB Percent	7.8, 14.9, 21.2	`rgb(7.8%,14.9%,21.2%)`
CMYK	63, 30, 0, 79
HSL	208.2°, 45.9, 14.5	`hsl(208.2,45.9%,14.5%)`
HSV (or HSB)	208.2°, 63, 21.2
Web Safe	003333	`#003333`

CIE-LAB	14.407, -1.672, -12.648
XYZ	1.647, 1.801, 3.751
xyY	0.229, 0.25, 1.801
CIE-LCH	14.407, 12.758, 262.47
CIE-LUV	14.407, -6.137, -11.655
Hunter-Lab	13.421, -1.577, -7.175
Binary	00010100, 00100110, 00110110

#142636
```
#142636 rgb(20,38,54)
```
#362414
```
#362414 rgb(54,36,20)
```

Complementary Color

#143635
```
#143635 rgb(20,54,53)
```
#142636
```
#142636 rgb(20,38,54)
```
#141536
```
#141536 rgb(20,21,54)
```

Analogous Color

#363514
```
#363514 rgb(54,53,20)
```
#142636
```
#142636 rgb(20,38,54)
```
#361415
```
#361415 rgb(54,20,21)
```

Split Complementary Color

#263614
```
#263614 rgb(38,54,20)
```
#142636
```
#142636 rgb(20,38,54)
```
#361426
```
#361426 rgb(54,20,38)
```

Triadic Color

#143624
```
#143624 rgb(20,54,36)
```
#142636
```
#142636 rgb(20,38,54)
```
#361426
```
#361426 rgb(54,20,38)
```
#362414
```
#362414 rgb(54,36,20)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#060c11
```
#060c11 rgb(6,12,17)
```
#0d1923
```
#0d1923 rgb(13,25,35)
```
#142636
```
#142636 rgb(20,38,54)
```
#1b3349
```
#1b3349 rgb(27,51,73)
```
#22405b
```
#22405b rgb(34,64,91)
```
#294d6e
```
#294d6e rgb(41,77,110)
```

Monochromatic Color

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

#142f36
```
#142f36 rgb(20,47,54)
```
#142c36
```
#142c36 rgb(20,44,54)
```
#142936
```
#142936 rgb(20,41,54)
```
#142636
```
#142636 rgb(20,38,54)
```
#142336
```
#142336 rgb(20,35,54)
```
#142036
```
#142036 rgb(20,32,54)
```
#141e36
```
#141e36 rgb(20,30,54)
```

Similar Colors

Text with hexadecimal color #142636

This text has a font color of #142636.

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

#142636 background color

This paragraph has a background color of #142636.

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

#142636 border color

This element has a border color of #142636.

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

CSS codes

.text {color:#142636;}

.background {background-color:#142636;}

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

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

#04080b
```
#04080b rgb(4,8,11)
```
#091219
```
#091219 rgb(9,18,25)
```
#0f1c28
```
#0f1c28 rgb(15,28,40)
```
#142636
```
#142636 rgb(20,38,54)
```
#193044
```
#193044 rgb(25,48,68)
```
#1f3a53
```
#1f3a53 rgb(31,58,83)
```
#244461
```
#244461 rgb(36,68,97)
```
#294e6f
```
#294e6f rgb(41,78,111)
```
#2f587e
```
#2f587e rgb(47,88,126)
```
#34628c
```
#34628c rgb(52,98,140)
```
#396d9a
```
#396d9a rgb(57,109,154)
```
#3e77a9
```
#3e77a9 rgb(62,119,169)
```
#4481b7
```
#4481b7 rgb(68,129,183)
```

Shade Color Variation

#508abe
```
#508abe rgb(80,138,190)
```
#5e94c3
```
#5e94c3 rgb(94,148,195)
```
#6d9dc9
```
#6d9dc9 rgb(109,157,201)
```
#7ba7ce
```
#7ba7ce rgb(123,167,206)
```
#89b0d3
```
#89b0d3 rgb(137,176,211)
```
#98bad9
```
#98bad9 rgb(152,186,217)
```
#a6c4de
```
#a6c4de rgb(166,196,222)
```
#b4cde3
```
#b4cde3 rgb(180,205,227)
```
#c2d7e9
```
#c2d7e9 rgb(194,215,233)
```
#d1e0ee
```
#d1e0ee rgb(209,224,238)
```
#dfeaf3
```
#dfeaf3 rgb(223,234,243)
```
#edf3f8
```
#edf3f8 rgb(237,243,248)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#222528
```
#222528 rgb(34,37,40)
```
#1f252b
```
#1f252b rgb(31,37,43)
```
#1d252d
```
#1d252d rgb(29,37,45)
```
#1a2630
```
#1a2630 rgb(26,38,48)
```
#172633
```
#172633 rgb(23,38,51)
```
#142636
```
#142636 rgb(20,38,54)
```
#112639
```
#112639 rgb(17,38,57)
```
#0e263c
```
#0e263c rgb(14,38,60)
```
#0b273f
```
#0b273f rgb(11,39,63)
```
#092741
```
#092741 rgb(9,39,65)
```
#062744
```
#062744 rgb(6,39,68)
```
#032747
```
#032747 rgb(3,39,71)
```
#00274a
```
#00274a rgb(0,39,74)
```

Tone Color Variation

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

#222222 Achromatopsia 0.005% of the population
#1f2326 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2a2f3f Protanopia 1% of men
#292f41 Deuteranopia 1% of men
#1b3336 Tritanopia 0.001% of the population

Trichromacy

#222b3b Protanomaly 1% of men, 0.01% of women
#212b3d Deuteranomaly 6% of men, 0.4% of women
#182e36 Tritanomaly 0.01% of the population

#142636 hex color

#142636 Color Information

#142636 Color Conversion

Color Schemes with #142636

Alternatives to #142636

#142636 Preview

Shades and Tints of #142636

Tones of #142636

Color Blindness Simulator