#142363 hex color

In a RGB color space, hex #142363 is composed of 7.8% red, 13.7% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 79.8% cyan, 64.6% magenta, 0% yellow and 61.2% black. It has a hue angle of 228.6 degrees, a saturation of 66.4% and a lightness of 23.3%. #142363 color hex could be obtained by blending #2846c6 with #000000. Closest websafe color is: #003366.

♥
- f
- t
- g
- R 8
- G 14
- B 39
RGB color chart
- C 80
- M 65
- Y 0
- K 61
CMYK color chart

● #142363 color description : Very dark blue.

The hexadecimal color #142363 has RGB values of R:20, G:35, B:99 and CMYK values of C:0.8, M:0.65, Y:0, K:0.61. Its decimal value is 1319779.

Hex triplet	142363	`#142363`
RGB Decimal	20, 35, 99	`rgb(20,35,99)`
RGB Percent	7.8, 13.7, 38.8	`rgb(7.8%,13.7%,38.8%)`
CMYK	80, 65, 0, 61
HSL	228.6°, 66.4, 23.3	`hsl(228.6,66.4%,23.3%)`
HSV (or HSB)	228.6°, 79.8, 38.8
Web Safe	003366	`#003366`

CIE-LAB	16.755, 19.27, -39.609
XYZ	3.141, 2.251, 12.073
xyY	0.18, 0.129, 2.251
CIE-LCH	16.755, 44.048, 295.944
CIE-LUV	16.755, -5.669, -41.659
Hunter-Lab	15.005, 11.11, -37.201
Binary	00010100, 00100011, 01100011

#142363
```
#142363 rgb(20,35,99)
```
#635414
```
#635414 rgb(99,84,20)
```

Complementary Color

#144b63
```
#144b63 rgb(20,75,99)
```
#142363
```
#142363 rgb(20,35,99)
```
#2d1463
```
#2d1463 rgb(45,20,99)
```

Analogous Color

#4b6314
```
#4b6314 rgb(75,99,20)
```
#142363
```
#142363 rgb(20,35,99)
```
#632d14
```
#632d14 rgb(99,45,20)
```

Split Complementary Color

#236314
```
#236314 rgb(35,99,20)
```
#142363
```
#142363 rgb(20,35,99)
```
#631423
```
#631423 rgb(99,20,35)
```

Triadic Color

#146354
```
#146354 rgb(20,99,84)
```
#142363
```
#142363 rgb(20,35,99)
```
#631423
```
#631423 rgb(99,20,35)
```
#635414
```
#635414 rgb(99,84,20)
```

Tetradic Color

#070d23
```
#070d23 rgb(7,13,35)
```
#0b1439
```
#0b1439 rgb(11,20,57)
```
#101c4e
```
#101c4e rgb(16,28,78)
```
#142363
```
#142363 rgb(20,35,99)
```
#182b78
```
#182b78 rgb(24,43,120)
```
#1d328d
```
#1d328d rgb(29,50,141)
```
#213aa3
```
#213aa3 rgb(33,58,163)
```

Monochromatic Color

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

#143763
```
#143763 rgb(20,55,99)
```
#143063
```
#143063 rgb(20,48,99)
```
#142a63
```
#142a63 rgb(20,42,99)
```
#142363
```
#142363 rgb(20,35,99)
```
#141c63
```
#141c63 rgb(20,28,99)
```
#141663
```
#141663 rgb(20,22,99)
```
#191463
```
#191463 rgb(25,20,99)
```

Similar Colors

Text with hexadecimal color #142363

This text has a font color of #142363.

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

#142363 background color

This paragraph has a background color of #142363.

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

#142363 border color

This element has a border color of #142363.

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

CSS codes

.text {color:#142363;}

.background {background-color:#142363;}

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

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

#000001
```
#000001 rgb(0,0,1)
```
#040611
```
#040611 rgb(4,6,17)
```
#070c22
```
#070c22 rgb(7,12,34)
```
#0a1232
```
#0a1232 rgb(10,18,50)
```
#0d1742
```
#0d1742 rgb(13,23,66)
```
#111d53
```
#111d53 rgb(17,29,83)
```
#142363
```
#142363 rgb(20,35,99)
```
#172973
```
#172973 rgb(23,41,115)
```
#1b2f84
```
#1b2f84 rgb(27,47,132)
```
#1e3494
```
#1e3494 rgb(30,52,148)
```
#213aa4
```
#213aa4 rgb(33,58,164)
```
#2440b5
```
#2440b5 rgb(36,64,181)
```
#2846c5
```
#2846c5 rgb(40,70,197)
```

Shade Color Variation

#2c4cd4
```
#2c4cd4 rgb(44,76,212)
```
#3c5ad8
```
#3c5ad8 rgb(60,90,216)
```
#4d68db
```
#4d68db rgb(77,104,219)
```
#5d75de
```
#5d75de rgb(93,117,222)
```
#6d83e2
```
#6d83e2 rgb(109,131,226)
```
#7e91e5
```
#7e91e5 rgb(126,145,229)
```
#8e9fe8
```
#8e9fe8 rgb(142,159,232)
```
#9eadeb
```
#9eadeb rgb(158,173,235)
```
#aebbef
```
#aebbef rgb(174,187,239)
```
#bfc9f2
```
#bfc9f2 rgb(191,201,242)
```
#cfd6f5
```
#cfd6f5 rgb(207,214,245)
```
#dfe4f9
```
#dfe4f9 rgb(223,228,249)
```
#f0f2fc
```
#f0f2fc rgb(240,242,252)
```

Tint Color Variation

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

#393a3e
```
#393a3e rgb(57,58,62)
```
#343743
```
#343743 rgb(52,55,67)
```
#2f3448
```
#2f3448 rgb(47,52,72)
```
#2b314c
```
#2b314c rgb(43,49,76)
```
#262e51
```
#262e51 rgb(38,46,81)
```
#222c55
```
#222c55 rgb(34,44,85)
```
#1d295a
```
#1d295a rgb(29,41,90)
```
#19265e
```
#19265e rgb(25,38,94)
```
#142363
```
#142363 rgb(20,35,99)
```
#0f2068
```
#0f2068 rgb(15,32,104)
```
#0b1d6c
```
#0b1d6c rgb(11,29,108)
```
#061a71
```
#061a71 rgb(6,26,113)
```
#021875
```
#021875 rgb(2,24,117)
```

Tone Color Variation

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

#262626 Achromatopsia 0.005% of the population
#222532 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#072d63 Protanomaly 1% of men, 0.01% of women
#072e5b Deuteranomaly 6% of men, 0.4% of women
#07314a Tritanomaly 0.01% of the population

#142363 hex color

#142363 Color Information

#142363 Color Conversion

Color Schemes with #142363

Alternatives to #142363

#142363 Preview

Shades and Tints of #142363

Tones of #142363

Color Blindness Simulator