#142257 hex color

In a RGB color space, hex #142257 is composed of 7.8% red, 13.3% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 77% cyan, 60.9% magenta, 0% yellow and 65.9% black. It has a hue angle of 227.5 degrees, a saturation of 62.6% and a lightness of 21%. #142257 color hex could be obtained by blending #2844ae with #000000. Closest websafe color is: #003366.

♥
- f
- t
- g
- R 8
- G 13
- B 34
RGB color chart
- C 77
- M 61
- Y 0
- K 66
CMYK color chart

● #142257 color description : Very dark blue.

The hexadecimal color #142257 has RGB values of R:20, G:34, B:87 and CMYK values of C:0.77, M:0.61, Y:0, K:0.66. Its decimal value is 1319511.

Hex triplet	142257	`#142257`
RGB Decimal	20, 34, 87	`rgb(20,34,87)`
RGB Percent	7.8, 13.3, 34.1	`rgb(7.8%,13.3%,34.1%)`
CMYK	77, 61, 0, 66
HSL	227.5°, 62.6, 21	`hsl(227.5,62.6%,21%)`
HSV (or HSB)	227.5°, 77, 34.1
Web Safe	003366	`#003366`

CIE-LAB	15.386, 14.992, -33.847
XYZ	2.58, 1.981, 9.263
xyY	0.187, 0.143, 1.981
CIE-LCH	15.386, 37.019, 293.891
CIE-LUV	15.386, -5.208, -34.326
Hunter-Lab	14.074, 8.099, -29.17
Binary	00010100, 00100010, 01010111

#142257
```
#142257 rgb(20,34,87)
```
#574914
```
#574914 rgb(87,73,20)
```

Complementary Color

#144457
```
#144457 rgb(20,68,87)
```
#142257
```
#142257 rgb(20,34,87)
```
#281457
```
#281457 rgb(40,20,87)
```

Analogous Color

#445714
```
#445714 rgb(68,87,20)
```
#142257
```
#142257 rgb(20,34,87)
```
#572814
```
#572814 rgb(87,40,20)
```

Split Complementary Color

#225714
```
#225714 rgb(34,87,20)
```
#142257
```
#142257 rgb(20,34,87)
```
#571422
```
#571422 rgb(87,20,34)
```

Triadic Color

#145749
```
#145749 rgb(20,87,73)
```
#142257
```
#142257 rgb(20,34,87)
```
#571422
```
#571422 rgb(87,20,34)
```
#574914
```
#574914 rgb(87,73,20)
```

Tetradic Color

#060a19
```
#060a19 rgb(6,10,25)
```
#0a122e
```
#0a122e rgb(10,18,46)
```
#0f1a42
```
#0f1a42 rgb(15,26,66)
```
#142257
```
#142257 rgb(20,34,87)
```
#192a6c
```
#192a6c rgb(25,42,108)
```
#1e3280
```
#1e3280 rgb(30,50,128)
```
#223a95
```
#223a95 rgb(34,58,149)
```

Monochromatic Color

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

#143357
```
#143357 rgb(20,51,87)
```
#142d57
```
#142d57 rgb(20,45,87)
```
#142857
```
#142857 rgb(20,40,87)
```
#142257
```
#142257 rgb(20,34,87)
```
#141c57
```
#141c57 rgb(20,28,87)
```
#141757
```
#141757 rgb(20,23,87)
```
#171457
```
#171457 rgb(23,20,87)
```

Similar Colors

Text with hexadecimal color #142257

This text has a font color of #142257.

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

#142257 background color

This paragraph has a background color of #142257.

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

#142257 border color

This element has a border color of #142257.

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

CSS codes

.text {color:#142257;}

.background {background-color:#142257;}

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

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

#020307
```
#020307 rgb(2,3,7)
```
#050917
```
#050917 rgb(5,9,23)
```
#090f27
```
#090f27 rgb(9,15,39)
```
#0d1637
```
#0d1637 rgb(13,22,55)
```
#101c47
```
#101c47 rgb(16,28,71)
```
#142257
```
#142257 rgb(20,34,87)
```
#182867
```
#182867 rgb(24,40,103)
```
#1b2e77
```
#1b2e77 rgb(27,46,119)
```
#1f3587
```
#1f3587 rgb(31,53,135)
```
#233b97
```
#233b97 rgb(35,59,151)
```
#2641a7
```
#2641a7 rgb(38,65,167)
```
#2a47b7
```
#2a47b7 rgb(42,71,183)
```
#2e4ec7
```
#2e4ec7 rgb(46,78,199)
```

Shade Color Variation

#3757d1
```
#3757d1 rgb(55,87,209)
```
#4764d5
```
#4764d5 rgb(71,100,213)
```
#5772d8
```
#5772d8 rgb(87,114,216)
```
#677fdc
```
#677fdc rgb(103,127,220)
```
#778de0
```
#778de0 rgb(119,141,224)
```
#879ae3
```
#879ae3 rgb(135,154,227)
```
#97a7e7
```
#97a7e7 rgb(151,167,231)
```
#a7b5eb
```
#a7b5eb rgb(167,181,235)
```
#b7c2ee
```
#b7c2ee rgb(183,194,238)
```
#c6d0f2
```
#c6d0f2 rgb(198,208,242)
```
#d6ddf6
```
#d6ddf6 rgb(214,221,246)
```
#e6eaf9
```
#e6eaf9 rgb(230,234,249)
```
#f6f8fd
```
#f6f8fd rgb(246,248,253)
```

Tint Color Variation

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

#353536
```
#353536 rgb(53,53,54)
```
#31333a
```
#31333a rgb(49,51,58)
```
#2d303e
```
#2d303e rgb(45,48,62)
```
#292e42
```
#292e42 rgb(41,46,66)
```
#242c47
```
#242c47 rgb(36,44,71)
```
#20294b
```
#20294b rgb(32,41,75)
```
#1c274f
```
#1c274f rgb(28,39,79)
```
#182453
```
#182453 rgb(24,36,83)
```
#142257
```
#142257 rgb(20,34,87)
```
#10205b
```
#10205b rgb(16,32,91)
```
#0c1d5f
```
#0c1d5f rgb(12,29,95)
```
#081b63
```
#081b63 rgb(8,27,99)
```
#041867
```
#041867 rgb(4,24,103)
```

Tone Color Variation

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

#242424 Achromatopsia 0.005% of the population
#21242e Atypical Achromatopsia 0.001% of the population

Dichromacy

#00305e Protanopia 1% of men
#003252 Deuteranopia 1% of men
#00363a Tritanopia 0.001% of the population

Trichromacy

#072b5b Protanomaly 1% of men, 0.01% of women
#072c54 Deuteranomaly 6% of men, 0.4% of women
#072f44 Tritanomaly 0.01% of the population

#142257 hex color

#142257 Color Information

#142257 Color Conversion

Color Schemes with #142257

Alternatives to #142257

#142257 Preview

Shades and Tints of #142257

Tones of #142257

Color Blindness Simulator