#142e45 hex color

In a RGB color space, hex #142e45 is composed of 7.8% red, 18% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 71% cyan, 33.3% magenta, 0% yellow and 72.9% black. It has a hue angle of 208.2 degrees, a saturation of 55.1% and a lightness of 17.5%. #142e45 color hex could be obtained by blending #285c8a with #000000. Closest websafe color is: #003333.

♥
- f
- t
- g
- R 8
- G 18
- B 27
RGB color chart
- C 71
- M 33
- Y 0
- K 73
CMYK color chart

● #142e45 color description : Very dark blue.

The hexadecimal color #142e45 has RGB values of R:20, G:46, B:69 and CMYK values of C:0.71, M:0.33, Y:0, K:0.73. Its decimal value is 1322565.

Hex triplet	142e45	`#142e45`
RGB Decimal	20, 46, 69	`rgb(20,46,69)`
RGB Percent	7.8, 18, 27.1	`rgb(7.8%,18%,27.1%)`
CMYK	71, 33, 0, 73
HSL	208.2°, 55.1, 17.5	`hsl(208.2,55.1%,17.5%)`
HSV (or HSB)	208.2°, 71, 27.1
Web Safe	003333	`#003333`

CIE-LAB	18.064, -1.383, -17.357
XYZ	2.339, 2.532, 5.995
xyY	0.215, 0.233, 2.532
CIE-LCH	18.064, 17.412, 265.443
CIE-LUV	18.064, -8.772, -18.196
Hunter-Lab	15.913, -1.606, -11.199
Binary	00010100, 00101110, 01000101

#142e45
```
#142e45 rgb(20,46,69)
```
#452b14
```
#452b14 rgb(69,43,20)
```

Complementary Color

#144544
```
#144544 rgb(20,69,68)
```
#142e45
```
#142e45 rgb(20,46,69)
```
#141645
```
#141645 rgb(20,22,69)
```

Analogous Color

#454414
```
#454414 rgb(69,68,20)
```
#142e45
```
#142e45 rgb(20,46,69)
```
#451416
```
#451416 rgb(69,20,22)
```

Split Complementary Color

#2e4514
```
#2e4514 rgb(46,69,20)
```
#142e45
```
#142e45 rgb(20,46,69)
```
#45142e
```
#45142e rgb(69,20,46)
```

Triadic Color

#14452b
```
#14452b rgb(20,69,43)
```
#142e45
```
#142e45 rgb(20,46,69)
```
#45142e
```
#45142e rgb(69,20,46)
```
#452b14
```
#452b14 rgb(69,43,20)
```

Tetradic Color

#03060a
```
#03060a rgb(3,6,10)
```
#09141d
```
#09141d rgb(9,20,29)
```
#0e2131
```
#0e2131 rgb(14,33,49)
```
#142e45
```
#142e45 rgb(20,46,69)
```
#1a3b59
```
#1a3b59 rgb(26,59,89)
```
#1f486d
```
#1f486d rgb(31,72,109)
```
#255680
```
#255680 rgb(37,86,128)
```

Monochromatic Color

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

#143a45
```
#143a45 rgb(20,58,69)
```
#143645
```
#143645 rgb(20,54,69)
```
#143245
```
#143245 rgb(20,50,69)
```
#142e45
```
#142e45 rgb(20,46,69)
```
#142a45
```
#142a45 rgb(20,42,69)
```
#142645
```
#142645 rgb(20,38,69)
```
#142245
```
#142245 rgb(20,34,69)
```

Similar Colors

Text with hexadecimal color #142e45

This text has a font color of #142e45.

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

#142e45 background color

This paragraph has a background color of #142e45.

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

#142e45 border color

This element has a border color of #142e45.

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

CSS codes

.text {color:#142e45;}

.background {background-color:#142e45;}

.border {border:1px solid #142e45;}

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

#020508
```
#020508 rgb(2,5,8)
```
#071017
```
#071017 rgb(7,16,23)
```
#0b1a27
```
#0b1a27 rgb(11,26,39)
```
#102436
```
#102436 rgb(16,36,54)
```
#142e45
```
#142e45 rgb(20,46,69)
```
#183854
```
#183854 rgb(24,56,84)
```
#1d4263
```
#1d4263 rgb(29,66,99)
```
#214c73
```
#214c73 rgb(33,76,115)
```
#265782
```
#265782 rgb(38,87,130)
```
#2a6191
```
#2a6191 rgb(42,97,145)
```
#2e6ba0
```
#2e6ba0 rgb(46,107,160)
```
#3375af
```
#3375af rgb(51,117,175)
```
#377fbf
```
#377fbf rgb(55,127,191)
```

Shade Color Variation

#4189c8
```
#4189c8 rgb(65,137,200)
```
#5192cc
```
#5192cc rgb(81,146,204)
```
#609cd1
```
#609cd1 rgb(96,156,209)
```
#6fa5d5
```
#6fa5d5 rgb(111,165,213)
```
#7eafda
```
#7eafda rgb(126,175,218)
```
#8eb8de
```
#8eb8de rgb(142,184,222)
```
#9dc2e3
```
#9dc2e3 rgb(157,194,227)
```
#accbe7
```
#accbe7 rgb(172,203,231)
```
#bbd5eb
```
#bbd5eb rgb(187,213,235)
```
#cadef0
```
#cadef0 rgb(202,222,240)
```
#dae8f4
```
#dae8f4 rgb(218,232,244)
```
#e9f1f9
```
#e9f1f9 rgb(233,241,249)
```
#f8fbfd
```
#f8fbfd rgb(248,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #2c2d2d is the less saturated color, while #032f56 is the most saturated one.

#2c2d2d
```
#2c2d2d rgb(44,45,45)
```
#292d30
```
#292d30 rgb(41,45,48)
```
#252d34
```
#252d34 rgb(37,45,52)
```
#222d37
```
#222d37 rgb(34,45,55)
```
#1e2d3b
```
#1e2d3b rgb(30,45,59)
```
#1b2e3e
```
#1b2e3e rgb(27,46,62)
```
#172e42
```
#172e42 rgb(23,46,66)
```
#142e45
```
#142e45 rgb(20,46,69)
```
#112e48
```
#112e48 rgb(17,46,72)
```
#0d2e4c
```
#0d2e4c rgb(13,46,76)
```
#0a2f4f
```
#0a2f4f rgb(10,47,79)
```
#062f53
```
#062f53 rgb(6,47,83)
```
#032f56
```
#032f56 rgb(3,47,86)
```

Tone Color Variation

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

#292929 Achromatopsia 0.005% of the population
#252a2f Atypical Achromatopsia 0.001% of the population

Dichromacy

#2f364c Protanopia 1% of men
#2b364f Deuteranopia 1% of men
#163b40 Tritanopia 0.001% of the population

Trichromacy

#25334a Protanomaly 1% of men, 0.01% of women
#22334b Deuteranomaly 6% of men, 0.4% of women
#153641 Tritanomaly 0.01% of the population

#142e45 hex color

#142e45 Color Information

#142e45 Color Conversion

Color Schemes with #142e45

Alternatives to #142e45

#142e45 Preview

Shades and Tints of #142e45

Tones of #142e45

Color Blindness Simulator