#142886 hex color

In a RGB color space, hex #142886 is composed of 7.8% red, 15.7% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 85.1% cyan, 70.1% magenta, 0% yellow and 47.5% black. It has a hue angle of 229.5 degrees, a saturation of 74% and a lightness of 30.2%. #142886 color hex could be obtained by blending #2850ff with #00000d. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 8
- G 16
- B 53
RGB color chart
- C 85
- M 70
- Y 0
- K 47
CMYK color chart

● #142886 color description : Dark blue.

The hexadecimal color #142886 has RGB values of R:20, G:40, B:134 and CMYK values of C:0.85, M:0.7, Y:0, K:0.47. Its decimal value is 1321094.

Hex triplet	142886	`#142886`
RGB Decimal	20, 40, 134	`rgb(20,40,134)`
RGB Percent	7.8, 15.7, 52.5	`rgb(7.8%,15.7%,52.5%)`
CMYK	85, 70, 0, 47
HSL	229.5°, 74, 30.2	`hsl(229.5,74%,30.2%)`
HSV (or HSB)	229.5°, 85.1, 52.5
Web Safe	003399	`#003399`

CIE-LAB	21.532, 29.838, -54.271
XYZ	5.349, 3.387, 22.925
xyY	0.169, 0.107, 3.387
CIE-LCH	21.532, 61.932, 298.802
CIE-LUV	21.532, -7.435, -62.793
Hunter-Lab	18.404, 19.677, -60.97
Binary	00010100, 00101000, 10000110

#142886
```
#142886 rgb(20,40,134)
```
#867214
```
#867214 rgb(134,114,20)
```

Complementary Color

#146186
```
#146186 rgb(20,97,134)
```
#142886
```
#142886 rgb(20,40,134)
```
#391486
```
#391486 rgb(57,20,134)
```

Analogous Color

#618614
```
#618614 rgb(97,134,20)
```
#142886
```
#142886 rgb(20,40,134)
```
#863914
```
#863914 rgb(134,57,20)
```

Split Complementary Color

#288614
```
#288614 rgb(40,134,20)
```
#142886
```
#142886 rgb(20,40,134)
```
#861428
```
#861428 rgb(134,20,40)
```

Triadic Color

#148672
```
#148672 rgb(20,134,114)
```
#142886
```
#142886 rgb(20,40,134)
```
#861428
```
#861428 rgb(134,20,40)
```
#867214
```
#867214 rgb(134,114,20)
```

Tetradic Color

#0a1443
```
#0a1443 rgb(10,20,67)
```
#0d1b5a
```
#0d1b5a rgb(13,27,90)
```
#112170
```
#112170 rgb(17,33,112)
```
#142886
```
#142886 rgb(20,40,134)
```
#172f9c
```
#172f9c rgb(23,47,156)
```
#1b35b2
```
#1b35b2 rgb(27,53,178)
```
#1e3cc9
```
#1e3cc9 rgb(30,60,201)
```

Monochromatic Color

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

#144586
```
#144586 rgb(20,69,134)
```
#143b86
```
#143b86 rgb(20,59,134)
```
#143286
```
#143286 rgb(20,50,134)
```
#142886
```
#142886 rgb(20,40,134)
```
#141f86
```
#141f86 rgb(20,31,134)
```
#141586
```
#141586 rgb(20,21,134)
```
#1d1486
```
#1d1486 rgb(29,20,134)
```

Similar Colors

Text with hexadecimal color #142886

This text has a font color of #142886.

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

#142886 background color

This paragraph has a background color of #142886.

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

#142886 border color

This element has a border color of #142886.

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

CSS codes

.text {color:#142886;}

.background {background-color:#142886;}

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

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, #02040f is the darkest color, while #fcfdff is the lightest one.

#02040f
```
#02040f rgb(2,4,15)
```
#050920
```
#050920 rgb(5,9,32)
```
#070f31
```
#070f31 rgb(7,15,49)
```
#0a1442
```
#0a1442 rgb(10,20,66)
```
#0c1953
```
#0c1953 rgb(12,25,83)
```
#0f1e64
```
#0f1e64 rgb(15,30,100)
```
#112375
```
#112375 rgb(17,35,117)
```
#142886
```
#142886 rgb(20,40,134)
```
#172d97
```
#172d97 rgb(23,45,151)
```
#1932a8
```
#1932a8 rgb(25,50,168)
```
#1c37b9
```
#1c37b9 rgb(28,55,185)
```
#1e3cca
```
#1e3cca rgb(30,60,202)
```
#2141db
```
#2141db rgb(33,65,219)
```

Shade Color Variation

#304fe0
```
#304fe0 rgb(48,79,224)
```
#415de3
```
#415de3 rgb(65,93,227)
```
#526ce5
```
#526ce5 rgb(82,108,229)
```
#637ae8
```
#637ae8 rgb(99,122,232)
```
#7489ea
```
#7489ea rgb(116,137,234)
```
#8597ed
```
#8597ed rgb(133,151,237)
```
#96a6ef
```
#96a6ef rgb(150,166,239)
```
#a7b4f2
```
#a7b4f2 rgb(167,180,242)
```
#b8c3f4
```
#b8c3f4 rgb(184,195,244)
```
#c9d1f7
```
#c9d1f7 rgb(201,209,247)
```
#dae0fa
```
#dae0fa rgb(218,224,250)
```
#ebeefc
```
#ebeefc rgb(235,238,252)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#494b51
```
#494b51 rgb(73,75,81)
```
#434757
```
#434757 rgb(67,71,87)
```
#3d435d
```
#3d435d rgb(61,67,93)
```
#383f62
```
#383f62 rgb(56,63,98)
```
#323b68
```
#323b68 rgb(50,59,104)
```
#2c376e
```
#2c376e rgb(44,55,110)
```
#263474
```
#263474 rgb(38,52,116)
```
#20307a
```
#20307a rgb(32,48,122)
```
#1a2c80
```
#1a2c80 rgb(26,44,128)
```
#142886
```
#142886 rgb(20,40,134)
```
#0e248c
```
#0e248c rgb(14,36,140)
```
#082092
```
#082092 rgb(8,32,146)
```
#021c98
```
#021c98 rgb(2,28,152)
```

Tone Color Variation

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

#2d2d2d Achromatopsia 0.005% of the population
#282c3f Atypical Achromatopsia 0.001% of the population

Dichromacy

#003c75 Protanopia 1% of men
#003f66 Deuteranopia 1% of men
#004447 Tritanopia 0.001% of the population

Trichromacy

#07357b Protanomaly 1% of men, 0.01% of women
#073771 Deuteranomaly 6% of men, 0.4% of women
#073a5e Tritanomaly 0.01% of the population

#142886 hex color

#142886 Color Information

#142886 Color Conversion

Color Schemes with #142886

Alternatives to #142886

#142886 Preview

Shades and Tints of #142886

Tones of #142886

Color Blindness Simulator