#142aa1 hex color

In a RGB color space, hex #142aa1 is composed of 7.8% red, 16.5% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 87.6% cyan, 73.9% magenta, 0% yellow and 36.9% black. It has a hue angle of 230.6 degrees, a saturation of 77.9% and a lightness of 35.5%. #142aa1 color hex could be obtained by blending #2854ff with #000043. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 8
- G 16
- B 63
RGB color chart
- C 88
- M 74
- Y 0
- K 37
CMYK color chart

● #142aa1 color description : Dark blue.

The hexadecimal color #142aa1 has RGB values of R:20, G:42, B:161 and CMYK values of C:0.88, M:0.74, Y:0, K:0.37. Its decimal value is 1321633.

Hex triplet	142aa1	`#142aa1`
RGB Decimal	20, 42, 161	`rgb(20,42,161)`
RGB Percent	7.8, 16.5, 63.1	`rgb(7.8%,16.5%,63.1%)`
CMYK	88, 74, 0, 37
HSL	230.6°, 77.9, 35.5	`hsl(230.6,77.9%,35.5%)`
HSV (or HSB)	230.6°, 87.6, 63.1
Web Safe	003399	`#003399`

CIE-LAB	24.881, 38.704, -65.418
XYZ	7.548, 4.377, 34.163
xyY	0.164, 0.095, 4.377
CIE-LCH	24.881, 76.01, 300.61
CIE-LUV	24.881, -8.408, -78.96
Hunter-Lab	20.922, 27.785, -82.169
Binary	00010100, 00101010, 10100001

#142aa1
```
#142aa1 rgb(20,42,161)
```
#a18b14
```
#a18b14 rgb(161,139,20)
```

Complementary Color

#1471a1
```
#1471a1 rgb(20,113,161)
```
#142aa1
```
#142aa1 rgb(20,42,161)
```
#4514a1
```
#4514a1 rgb(69,20,161)
```

Analogous Color

#71a114
```
#71a114 rgb(113,161,20)
```
#142aa1
```
#142aa1 rgb(20,42,161)
```
#a14514
```
#a14514 rgb(161,69,20)
```

Split Complementary Color

#2aa114
```
#2aa114 rgb(42,161,20)
```
#142aa1
```
#142aa1 rgb(20,42,161)
```
#a1142a
```
#a1142a rgb(161,20,42)
```

Triadic Color

#14a18b
```
#14a18b rgb(20,161,139)
```
#142aa1
```
#142aa1 rgb(20,42,161)
```
#a1142a
```
#a1142a rgb(161,20,42)
```
#a18b14
```
#a18b14 rgb(161,139,20)
```

Tetradic Color

#0c185d
```
#0c185d rgb(12,24,93)
```
#0e1e74
```
#0e1e74 rgb(14,30,116)
```
#11248a
```
#11248a rgb(17,36,138)
```
#142aa1
```
#142aa1 rgb(20,42,161)
```
#1730b8
```
#1730b8 rgb(23,48,184)
```
#1a36ce
```
#1a36ce rgb(26,54,206)
```
#1e3de3
```
#1e3de3 rgb(30,61,227)
```

Monochromatic Color

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

#144da1
```
#144da1 rgb(20,77,161)
```
#1442a1
```
#1442a1 rgb(20,66,161)
```
#1436a1
```
#1436a1 rgb(20,54,161)
```
#142aa1
```
#142aa1 rgb(20,42,161)
```
#141ea1
```
#141ea1 rgb(20,30,161)
```
#1614a1
```
#1614a1 rgb(22,20,161)
```
#2114a1
```
#2114a1 rgb(33,20,161)
```

Similar Colors

Text with hexadecimal color #142aa1

This text has a font color of #142aa1.

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

#142aa1 background color

This paragraph has a background color of #142aa1.

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

#142aa1 border color

This element has a border color of #142aa1.

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

CSS codes

.text {color:#142aa1;}

.background {background-color:#142aa1;}

.border {border:1px solid #142aa1;}

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

#000104
```
#000104 rgb(0,1,4)
```
#030615
```
#030615 rgb(3,6,21)
```
#050a27
```
#050a27 rgb(5,10,39)
```
#070f38
```
#070f38 rgb(7,15,56)
```
#09134a
```
#09134a rgb(9,19,74)
```
#0b185b
```
#0b185b rgb(11,24,91)
```
#0d1c6d
```
#0d1c6d rgb(13,28,109)
```
#10217e
```
#10217e rgb(16,33,126)
```
#122590
```
#122590 rgb(18,37,144)
```
#142aa1
```
#142aa1 rgb(20,42,161)
```
#162fb2
```
#162fb2 rgb(22,47,178)
```
#1833c4
```
#1833c4 rgb(24,51,196)
```
#1b38d5
```
#1b38d5 rgb(27,56,213)
```

Shade Color Variation

#203fe3
```
#203fe3 rgb(32,63,227)
```
#324ee5
```
#324ee5 rgb(50,78,229)
```
#435de8
```
#435de8 rgb(67,93,232)
```
#546cea
```
#546cea rgb(84,108,234)
```
#667bec
```
#667bec rgb(102,123,236)
```
#778aee
```
#778aee rgb(119,138,238)
```
#8999f0
```
#8999f0 rgb(137,153,240)
```
#9aa8f2
```
#9aa8f2 rgb(154,168,242)
```
#acb7f5
```
#acb7f5 rgb(172,183,245)
```
#bdc6f7
```
#bdc6f7 rgb(189,198,247)
```
#cfd5f9
```
#cfd5f9 rgb(207,213,249)
```
#e0e4fb
```
#e0e4fb rgb(224,228,251)
```
#f2f3fd
```
#f2f3fd rgb(242,243,253)
```

Tint Color Variation

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

#5a5a5b
```
#5a5a5b rgb(90,90,91)
```
#535562
```
#535562 rgb(83,85,98)
```
#4c5069
```
#4c5069 rgb(76,80,105)
```
#454c70
```
#454c70 rgb(69,76,112)
```
#3e4777
```
#3e4777 rgb(62,71,119)
```
#37427e
```
#37427e rgb(55,66,126)
```
#303d85
```
#303d85 rgb(48,61,133)
```
#29388c
```
#29388c rgb(41,56,140)
```
#223493
```
#223493 rgb(34,52,147)
```
#1b2f9a
```
#1b2f9a rgb(27,47,154)
```
#142aa1
```
#142aa1 rgb(20,42,161)
```
#0d25a8
```
#0d25a8 rgb(13,37,168)
```
#0620af
```
#0620af rgb(6,32,175)
```

Tone Color Variation

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

#313131 Achromatopsia 0.005% of the population
#2b3047 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004382 Protanopia 1% of men
#004771 Deuteranopia 1% of men
#004c4f Tritanopia 0.001% of the population

Trichromacy

#073a8d Protanomaly 1% of men, 0.01% of women
#073c82 Deuteranomaly 6% of men, 0.4% of women
#073f6d Tritanomaly 0.01% of the population

#142aa1 hex color

#142aa1 Color Information

#142aa1 Color Conversion

Color Schemes with #142aa1

Alternatives to #142aa1

#142aa1 Preview

Shades and Tints of #142aa1

Tones of #142aa1

Color Blindness Simulator