#142554 hex color

In a RGB color space, hex #142554 is composed of 7.8% red, 14.5% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 76.2% cyan, 56% magenta, 0% yellow and 67.1% black. It has a hue angle of 224.1 degrees, a saturation of 61.5% and a lightness of 20.4%. #142554 color hex could be obtained by blending #284aa8 with #000000. Closest websafe color is: #003366.

♥
- f
- t
- g
- R 8
- G 15
- B 33
RGB color chart
- C 76
- M 56
- Y 0
- K 67
CMYK color chart

● #142554 color description : Very dark blue.

The hexadecimal color #142554 has RGB values of R:20, G:37, B:84 and CMYK values of C:0.76, M:0.56, Y:0, K:0.67. Its decimal value is 1320276.

Hex triplet	142554	`#142554`
RGB Decimal	20, 37, 84	`rgb(20,37,84)`
RGB Percent	7.8, 14.5, 32.9	`rgb(7.8%,14.5%,32.9%)`
CMYK	76, 56, 0, 67
HSL	224.1°, 61.5, 20.4	`hsl(224.1,61.5%,20.4%)`
HSV (or HSB)	224.1°, 76.2, 32.9
Web Safe	003366	`#003366`

CIE-LAB	16.063, 11.478, -30.729
XYZ	2.55, 2.112, 8.66
xyY	0.191, 0.159, 2.112
CIE-LCH	16.063, 32.803, 290.481
CIE-LUV	16.063, -5.937, -31.879
Hunter-Lab	14.532, 5.891, -25.161
Binary	00010100, 00100101, 01010100

#142554
```
#142554 rgb(20,37,84)
```
#544314
```
#544314 rgb(84,67,20)
```

Complementary Color

#144554
```
#144554 rgb(20,69,84)
```
#142554
```
#142554 rgb(20,37,84)
```
#231454
```
#231454 rgb(35,20,84)
```

Analogous Color

#455414
```
#455414 rgb(69,84,20)
```
#142554
```
#142554 rgb(20,37,84)
```
#542314
```
#542314 rgb(84,35,20)
```

Split Complementary Color

#255414
```
#255414 rgb(37,84,20)
```
#142554
```
#142554 rgb(20,37,84)
```
#541425
```
#541425 rgb(84,20,37)
```

Triadic Color

#145443
```
#145443 rgb(20,84,67)
```
#142554
```
#142554 rgb(20,37,84)
```
#541425
```
#541425 rgb(84,20,37)
```
#544314
```
#544314 rgb(84,67,20)
```

Tetradic Color

#050a16
```
#050a16 rgb(5,10,22)
```
#0a132b
```
#0a132b rgb(10,19,43)
```
#0f1c3f
```
#0f1c3f rgb(15,28,63)
```
#142554
```
#142554 rgb(20,37,84)
```
#192e69
```
#192e69 rgb(25,46,105)
```
#1e377d
```
#1e377d rgb(30,55,125)
```
#234092
```
#234092 rgb(35,64,146)
```

Monochromatic Color

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

#143554
```
#143554 rgb(20,53,84)
```
#143054
```
#143054 rgb(20,48,84)
```
#142a54
```
#142a54 rgb(20,42,84)
```
#142554
```
#142554 rgb(20,37,84)
```
#142054
```
#142054 rgb(20,32,84)
```
#141a54
```
#141a54 rgb(20,26,84)
```
#141554
```
#141554 rgb(20,21,84)
```

Similar Colors

Text with hexadecimal color #142554

This text has a font color of #142554.

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

#142554 background color

This paragraph has a background color of #142554.

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

#142554 border color

This element has a border color of #142554.

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

CSS codes

.text {color:#142554;}

.background {background-color:#142554;}

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

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

#010205
```
#010205 rgb(1,2,5)
```
#050915
```
#050915 rgb(5,9,21)
```
#091024
```
#091024 rgb(9,16,36)
```
#0c1734
```
#0c1734 rgb(12,23,52)
```
#101e44
```
#101e44 rgb(16,30,68)
```
#142554
```
#142554 rgb(20,37,84)
```
#182c64
```
#182c64 rgb(24,44,100)
```
#1c3374
```
#1c3374 rgb(28,51,116)
```
#1f3a84
```
#1f3a84 rgb(31,58,132)
```
#234193
```
#234193 rgb(35,65,147)
```
#2748a3
```
#2748a3 rgb(39,72,163)
```
#2b4fb3
```
#2b4fb3 rgb(43,79,179)
```
#2e56c3
```
#2e56c3 rgb(46,86,195)
```

Shade Color Variation

#365fcf
```
#365fcf rgb(54,95,207)
```
#466bd3
```
#466bd3 rgb(70,107,211)
```
#5678d7
```
#5678d7 rgb(86,120,215)
```
#6584da
```
#6584da rgb(101,132,218)
```
#7591de
```
#7591de rgb(117,145,222)
```
#859ee2
```
#859ee2 rgb(133,158,226)
```
#95aae6
```
#95aae6 rgb(149,170,230)
```
#a5b7ea
```
#a5b7ea rgb(165,183,234)
```
#b5c4ed
```
#b5c4ed rgb(181,196,237)
```
#c4d0f1
```
#c4d0f1 rgb(196,208,241)
```
#d4ddf5
```
#d4ddf5 rgb(212,221,245)
```
#e4eaf9
```
#e4eaf9 rgb(228,234,249)
```
#f4f6fc
```
#f4f6fc rgb(244,246,252)
```

Tint Color Variation

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

#303238
```
#303238 rgb(48,50,56)
```
#2c303c
```
#2c303c rgb(44,48,60)
```
#282e40
```
#282e40 rgb(40,46,64)
```
#242d44
```
#242d44 rgb(36,45,68)
```
#202b48
```
#202b48 rgb(32,43,72)
```
#1c294c
```
#1c294c rgb(28,41,76)
```
#182750
```
#182750 rgb(24,39,80)
```
#142554
```
#142554 rgb(20,37,84)
```
#102358
```
#102358 rgb(16,35,88)
```
#0c215c
```
#0c215c rgb(12,33,92)
```
#081f60
```
#081f60 rgb(8,31,96)
```
#041e64
```
#041e64 rgb(4,30,100)
```
#001c68
```
#001c68 rgb(0,28,104)
```

Tone Color Variation

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

#252525 Achromatopsia 0.005% of the population
#22252e Atypical Achromatopsia 0.001% of the population

Dichromacy

#13315e Protanopia 1% of men
#003455 Deuteranopia 1% of men
#00383b Tritanopia 0.001% of the population

Trichromacy

#132d5a Protanomaly 1% of men, 0.01% of women
#072e55 Deuteranomaly 6% of men, 0.4% of women
#073144 Tritanomaly 0.01% of the population

#142554 hex color

#142554 Color Information

#142554 Color Conversion

Color Schemes with #142554

Alternatives to #142554

#142554 Preview

Shades and Tints of #142554

Tones of #142554

Color Blindness Simulator