#142558 hex color

In a RGB color space, hex #142558 is composed of 7.8% red, 14.5% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 77.3% cyan, 58% magenta, 0% yellow and 65.5% black. It has a hue angle of 225 degrees, a saturation of 63% and a lightness of 21.2%. #142558 color hex could be obtained by blending #284ab0 with #000000. Closest websafe color is: #003366.

♥
- f
- t
- g
- R 8
- G 15
- B 35
RGB color chart
- C 77
- M 58
- Y 0
- K 65
CMYK color chart

● #142558 color description : Very dark blue.

The hexadecimal color #142558 has RGB values of R:20, G:37, B:88 and CMYK values of C:0.77, M:0.58, Y:0, K:0.65. Its decimal value is 1320280.

Hex triplet	142558	`#142558`
RGB Decimal	20, 37, 88	`rgb(20,37,88)`
RGB Percent	7.8, 14.5, 34.5	`rgb(7.8%,14.5%,34.5%)`
CMYK	77, 58, 0, 65
HSL	225°, 63, 21.2	`hsl(225,63%,21.2%)`
HSV (or HSB)	225°, 77.3, 34.5
Web Safe	003366	`#003366`

CIE-LAB	16.386, 13.175, -32.896
XYZ	2.711, 2.176, 9.509
xyY	0.188, 0.151, 2.176
CIE-LCH	16.386, 35.436, 291.826
CIE-LUV	16.386, -5.982, -34.454
Hunter-Lab	14.752, 6.988, -27.892
Binary	00010100, 00100101, 01011000

#142558
```
#142558 rgb(20,37,88)
```
#584714
```
#584714 rgb(88,71,20)
```

Complementary Color

#144758
```
#144758 rgb(20,71,88)
```
#142558
```
#142558 rgb(20,37,88)
```
#251458
```
#251458 rgb(37,20,88)
```

Analogous Color

#475814
```
#475814 rgb(71,88,20)
```
#142558
```
#142558 rgb(20,37,88)
```
#582514
```
#582514 rgb(88,37,20)
```

Split Complementary Color

#255814
```
#255814 rgb(37,88,20)
```
#142558
```
#142558 rgb(20,37,88)
```
#581425
```
#581425 rgb(88,20,37)
```

Triadic Color

#145847
```
#145847 rgb(20,88,71)
```
#142558
```
#142558 rgb(20,37,88)
```
#581425
```
#581425 rgb(88,20,37)
```
#584714
```
#584714 rgb(88,71,20)
```

Tetradic Color

#060b1a
```
#060b1a rgb(6,11,26)
```
#0b142e
```
#0b142e rgb(11,20,46)
```
#0f1c43
```
#0f1c43 rgb(15,28,67)
```
#142558
```
#142558 rgb(20,37,88)
```
#192e6d
```
#192e6d rgb(25,46,109)
```
#1d3682
```
#1d3682 rgb(29,54,130)
```
#223f96
```
#223f96 rgb(34,63,150)
```

Monochromatic Color

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

#143658
```
#143658 rgb(20,54,88)
```
#143058
```
#143058 rgb(20,48,88)
```
#142b58
```
#142b58 rgb(20,43,88)
```
#142558
```
#142558 rgb(20,37,88)
```
#141f58
```
#141f58 rgb(20,31,88)
```
#141a58
```
#141a58 rgb(20,26,88)
```
#141458
```
#141458 rgb(20,20,88)
```

Similar Colors

Text with hexadecimal color #142558

This text has a font color of #142558.

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

#142558 background color

This paragraph has a background color of #142558.

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

#142558 border color

This element has a border color of #142558.

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

CSS codes

.text {color:#142558;}

.background {background-color:#142558;}

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

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

#020308
```
#020308 rgb(2,3,8)
```
#050a18
```
#050a18 rgb(5,10,24)
```
#091128
```
#091128 rgb(9,17,40)
```
#0d1838
```
#0d1838 rgb(13,24,56)
```
#101e48
```
#101e48 rgb(16,30,72)
```
#142558
```
#142558 rgb(20,37,88)
```
#182c68
```
#182c68 rgb(24,44,104)
```
#1b3278
```
#1b3278 rgb(27,50,120)
```
#1f3988
```
#1f3988 rgb(31,57,136)
```
#234098
```
#234098 rgb(35,64,152)
```
#2647a8
```
#2647a8 rgb(38,71,168)
```
#2a4db8
```
#2a4db8 rgb(42,77,184)
```
#2d54c8
```
#2d54c8 rgb(45,84,200)
```

Shade Color Variation

#375ed2
```
#375ed2 rgb(55,94,210)
```
#476bd5
```
#476bd5 rgb(71,107,213)
```
#5778d9
```
#5778d9 rgb(87,120,217)
```
#6785dd
```
#6785dd rgb(103,133,221)
```
#7791e0
```
#7791e0 rgb(119,145,224)
```
#879ee4
```
#879ee4 rgb(135,158,228)
```
#97abe7
```
#97abe7 rgb(151,171,231)
```
#a7b8eb
```
#a7b8eb rgb(167,184,235)
```
#b7c5ef
```
#b7c5ef rgb(183,197,239)
```
#c7d2f2
```
#c7d2f2 rgb(199,210,242)
```
#d7dff6
```
#d7dff6 rgb(215,223,246)
```
#e7ecfa
```
#e7ecfa rgb(231,236,250)
```
#f7f9fd
```
#f7f9fd rgb(247,249,253)
```

Tint Color Variation

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

#353637
```
#353637 rgb(53,54,55)
```
#31343b
```
#31343b rgb(49,52,59)
```
#2d313f
```
#2d313f rgb(45,49,63)
```
#292f43
```
#292f43 rgb(41,47,67)
```
#252d47
```
#252d47 rgb(37,45,71)
```
#202b4c
```
#202b4c rgb(32,43,76)
```
#1c2950
```
#1c2950 rgb(28,41,80)
```
#182754
```
#182754 rgb(24,39,84)
```
#142558
```
#142558 rgb(20,37,88)
```
#10235c
```
#10235c rgb(16,35,92)
```
#0c2160
```
#0c2160 rgb(12,33,96)
```
#081f64
```
#081f64 rgb(8,31,100)
```
#031d69
```
#031d69 rgb(3,29,105)
```

Tone Color Variation

Below, you can see how #142558 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
#222630 Atypical Achromatopsia 0.001% of the population

Dichromacy

#053262 Protanopia 1% of men
#003456 Deuteranopia 1% of men
#00383c Tritanopia 0.001% of the population

Trichromacy

#0a2d5e Protanomaly 1% of men, 0.01% of women
#072f57 Deuteranomaly 6% of men, 0.4% of women
#073146 Tritanomaly 0.01% of the population

#142558 hex color

#142558 Color Information

#142558 Color Conversion

Color Schemes with #142558

Alternatives to #142558

#142558 Preview

Shades and Tints of #142558

Tones of #142558

Color Blindness Simulator