#142986 hex color

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

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

● #142986 color description : Dark blue.

The hexadecimal color #142986 has RGB values of R:20, G:41, B:134 and CMYK values of C:0.85, M:0.69, Y:0, K:0.47. Its decimal value is 1321350.

Hex triplet	142986	`#142986`
RGB Decimal	20, 41, 134	`rgb(20,41,134)`
RGB Percent	7.8, 16.1, 52.5	`rgb(7.8%,16.1%,52.5%)`
CMYK	85, 69, 0, 47
HSL	228.9°, 74, 30.2	`hsl(228.9,74%,30.2%)`
HSV (or HSB)	228.9°, 85.1, 52.5
Web Safe	003399	`#003399`

CIE-LAB	21.783, 29.165, -53.858
XYZ	5.384, 3.455, 22.936
xyY	0.169, 0.109, 3.455
CIE-LCH	21.783, 61.248, 298.436
CIE-LUV	21.783, -7.635, -62.742
Hunter-Lab	18.589, 19.166, -60.144
Binary	00010100, 00101001, 10000110

#142986
```
#142986 rgb(20,41,134)
```
#867114
```
#867114 rgb(134,113,20)
```

Complementary Color

#146286
```
#146286 rgb(20,98,134)
```
#142986
```
#142986 rgb(20,41,134)
```
#381486
```
#381486 rgb(56,20,134)
```

Analogous Color

#628614
```
#628614 rgb(98,134,20)
```
#142986
```
#142986 rgb(20,41,134)
```
#863814
```
#863814 rgb(134,56,20)
```

Split Complementary Color

#298614
```
#298614 rgb(41,134,20)
```
#142986
```
#142986 rgb(20,41,134)
```
#861429
```
#861429 rgb(134,20,41)
```

Triadic Color

#148671
```
#148671 rgb(20,134,113)
```
#142986
```
#142986 rgb(20,41,134)
```
#861429
```
#861429 rgb(134,20,41)
```
#867114
```
#867114 rgb(134,113,20)
```

Tetradic Color

#0a1543
```
#0a1543 rgb(10,21,67)
```
#0d1b5a
```
#0d1b5a rgb(13,27,90)
```
#112270
```
#112270 rgb(17,34,112)
```
#142986
```
#142986 rgb(20,41,134)
```
#17309c
```
#17309c rgb(23,48,156)
```
#1b37b2
```
#1b37b2 rgb(27,55,178)
```
#1e3dc9
```
#1e3dc9 rgb(30,61,201)
```

Monochromatic Color

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

#144686
```
#144686 rgb(20,70,134)
```
#143c86
```
#143c86 rgb(20,60,134)
```
#143386
```
#143386 rgb(20,51,134)
```
#142986
```
#142986 rgb(20,41,134)
```
#142086
```
#142086 rgb(20,32,134)
```
#141686
```
#141686 rgb(20,22,134)
```
#1c1486
```
#1c1486 rgb(28,20,134)
```

Similar Colors

Text with hexadecimal color #142986

This text has a font color of #142986.

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

#142986 background color

This paragraph has a background color of #142986.

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

#142986 border color

This element has a border color of #142986.

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

CSS codes

.text {color:#142986;}

.background {background-color:#142986;}

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

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)
```
#050a20
```
#050a20 rgb(5,10,32)
```
#070f31
```
#070f31 rgb(7,15,49)
```
#0a1442
```
#0a1442 rgb(10,20,66)
```
#0c1953
```
#0c1953 rgb(12,25,83)
```
#0f1f64
```
#0f1f64 rgb(15,31,100)
```
#112475
```
#112475 rgb(17,36,117)
```
#142986
```
#142986 rgb(20,41,134)
```
#172e97
```
#172e97 rgb(23,46,151)
```
#1933a8
```
#1933a8 rgb(25,51,168)
```
#1c39b9
```
#1c39b9 rgb(28,57,185)
```
#1e3eca
```
#1e3eca rgb(30,62,202)
```
#2143db
```
#2143db rgb(33,67,219)
```

Shade Color Variation

#3050e0
```
#3050e0 rgb(48,80,224)
```
#415fe3
```
#415fe3 rgb(65,95,227)
```
#526de5
```
#526de5 rgb(82,109,229)
```
#637be8
```
#637be8 rgb(99,123,232)
```
#748aea
```
#748aea rgb(116,138,234)
```
#8598ed
```
#8598ed rgb(133,152,237)
```
#96a6ef
```
#96a6ef rgb(150,166,239)
```
#a7b5f2
```
#a7b5f2 rgb(167,181,242)
```
#b8c3f4
```
#b8c3f4 rgb(184,195,244)
```
#c9d2f7
```
#c9d2f7 rgb(201,210,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 #021e98 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)
```
#323c68
```
#323c68 rgb(50,60,104)
```
#2c386e
```
#2c386e rgb(44,56,110)
```
#263474
```
#263474 rgb(38,52,116)
```
#20307a
```
#20307a rgb(32,48,122)
```
#1a2d80
```
#1a2d80 rgb(26,45,128)
```
#142986
```
#142986 rgb(20,41,134)
```
#0e258c
```
#0e258c rgb(14,37,140)
```
#082292
```
#082292 rgb(8,34,146)
```
#021e98
```
#021e98 rgb(2,30,152)
```

Tone Color Variation

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

#003c76 Protanopia 1% of men
#004067 Deuteranopia 1% of men
#004448 Tritanopia 0.001% of the population

Trichromacy

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

#142986 hex color

#142986 Color Information

#142986 Color Conversion

Color Schemes with #142986

Alternatives to #142986

#142986 Preview

Shades and Tints of #142986

Tones of #142986

Color Blindness Simulator