#142dd4 hex color

In a RGB color space, hex #142dd4 is composed of 7.8% red, 17.6% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 90.6% cyan, 78.8% magenta, 0% yellow and 16.9% black. It has a hue angle of 232.2 degrees, a saturation of 82.8% and a lightness of 45.5%. #142dd4 color hex could be obtained by blending #285aff with #0000a9. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 8
- G 18
- B 83
RGB color chart
- C 91
- M 79
- Y 0
- K 17
CMYK color chart

● #142dd4 color description : Strong blue.

The hexadecimal color #142dd4 has RGB values of R:20, G:45, B:212 and CMYK values of C:0.91, M:0.79, Y:0, K:0.17. Its decimal value is 1322452.

Hex triplet	142dd4	`#142dd4`
RGB Decimal	20, 45, 212	`rgb(20,45,212)`
RGB Percent	7.8, 17.6, 83.1	`rgb(7.8%,17.6%,83.1%)`
CMYK	91, 79, 0, 17
HSL	232.2°, 82.8, 45.5	`hsl(232.2,82.8%,45.5%)`
HSV (or HSB)	232.2°, 90.6, 83.1
Web Safe	0033cc	`#0033cc`

CIE-LAB	31.296, 54.466, -85.025
XYZ	13.108, 6.778, 62.901
xyY	0.158, 0.082, 6.778
CIE-LCH	31.296, 100.974, 302.643
CIE-LUV	31.296, -10.199, -108.763
Hunter-Lab	26.034, 44.313, -125.025
Binary	00010100, 00101101, 11010100

#142dd4
```
#142dd4 rgb(20,45,212)
```
#d4bb14
```
#d4bb14 rgb(212,187,20)
```

Complementary Color

#148dd4
```
#148dd4 rgb(20,141,212)
```
#142dd4
```
#142dd4 rgb(20,45,212)
```
#5b14d4
```
#5b14d4 rgb(91,20,212)
```

Analogous Color

#8dd414
```
#8dd414 rgb(141,212,20)
```
#142dd4
```
#142dd4 rgb(20,45,212)
```
#d45b14
```
#d45b14 rgb(212,91,20)
```

Split Complementary Color

#2dd414
```
#2dd414 rgb(45,212,20)
```
#142dd4
```
#142dd4 rgb(20,45,212)
```
#d4142d
```
#d4142d rgb(212,20,45)
```

Triadic Color

#14d4bb
```
#14d4bb rgb(20,212,187)
```
#142dd4
```
#142dd4 rgb(20,45,212)
```
#d4142d
```
#d4142d rgb(212,20,45)
```
#d4bb14
```
#d4bb14 rgb(212,187,20)
```

Tetradic Color

#0d1e8e
```
#0d1e8e rgb(13,30,142)
```
#1023a5
```
#1023a5 rgb(16,35,165)
```
#1228bd
```
#1228bd rgb(18,40,189)
```
#142dd4
```
#142dd4 rgb(20,45,212)
```
#1833e9
```
#1833e9 rgb(24,51,233)
```
#3048eb
```
#3048eb rgb(48,72,235)
```
#475dee
```
#475dee rgb(71,93,238)
```

Monochromatic Color

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

#145dd4
```
#145dd4 rgb(20,93,212)
```
#144dd4
```
#144dd4 rgb(20,77,212)
```
#143dd4
```
#143dd4 rgb(20,61,212)
```
#142dd4
```
#142dd4 rgb(20,45,212)
```
#141dd4
```
#141dd4 rgb(20,29,212)
```
#1b14d4
```
#1b14d4 rgb(27,20,212)
```
#2b14d4
```
#2b14d4 rgb(43,20,212)
```

Similar Colors

Text with hexadecimal color #142dd4

This text has a font color of #142dd4.

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

#142dd4 background color

This paragraph has a background color of #142dd4.

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

#142dd4 border color

This element has a border color of #142dd4.

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

CSS codes

.text {color:#142dd4;}

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

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

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

#01030f
```
#01030f rgb(1,3,15)
```
#030721
```
#030721 rgb(3,7,33)
```
#050b33
```
#050b33 rgb(5,11,51)
```
#060f45
```
#060f45 rgb(6,15,69)
```
#081257
```
#081257 rgb(8,18,87)
```
#0a1668
```
#0a1668 rgb(10,22,104)
```
#0c1a7a
```
#0c1a7a rgb(12,26,122)
```
#0d1e8c
```
#0d1e8c rgb(13,30,140)
```
#0f229e
```
#0f229e rgb(15,34,158)
```
#1125b0
```
#1125b0 rgb(17,37,176)
```
#1229c2
```
#1229c2 rgb(18,41,194)
```
#142dd4
```
#142dd4 rgb(20,45,212)
```
#1631e6
```
#1631e6 rgb(22,49,230)
```

Shade Color Variation

#253fea
```
#253fea rgb(37,63,234)
```
#374eec
```
#374eec rgb(55,78,236)
```
#495eee
```
#495eee rgb(73,94,238)
```
#5b6eef
```
#5b6eef rgb(91,110,239)
```
#6d7ef1
```
#6d7ef1 rgb(109,126,241)
```
#7e8ef3
```
#7e8ef3 rgb(126,142,243)
```
#909df5
```
#909df5 rgb(144,157,245)
```
#a2adf6
```
#a2adf6 rgb(162,173,246)
```
#b4bdf8
```
#b4bdf8 rgb(180,189,248)
```
#c6cdfa
```
#c6cdfa rgb(198,205,250)
```
#d8ddfb
```
#d8ddfb rgb(216,221,251)
```
#eaecfd
```
#eaecfd rgb(234,236,253)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

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

#6d6f7b
```
#6d6f7b rgb(109,111,123)
```
#646884
```
#646884 rgb(100,104,132)
```
#5b628d
```
#5b628d rgb(91,98,141)
```
#525b96
```
#525b96 rgb(82,91,150)
```
#4a559e
```
#4a559e rgb(74,85,158)
```
#414ea7
```
#414ea7 rgb(65,78,167)
```
#3847b0
```
#3847b0 rgb(56,71,176)
```
#2f41b9
```
#2f41b9 rgb(47,65,185)
```
#263ac2
```
#263ac2 rgb(38,58,194)
```
#1d34cb
```
#1d34cb rgb(29,52,203)
```
#142dd4
```
#142dd4 rgb(20,45,212)
```
#0b26dd
```
#0b26dd rgb(11,38,221)
```
#0220e6
```
#0220e6 rgb(2,32,230)
```

Tone Color Variation

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

#393939 Achromatopsia 0.005% of the population
#323758 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00509c Protanopia 1% of men
#005587 Deuteranopia 1% of men
#005b5f Tritanopia 0.001% of the population

Trichromacy

#0743b0 Protanomaly 1% of men, 0.01% of women
#0746a3 Deuteranomaly 6% of men, 0.4% of women
#074a89 Tritanomaly 0.01% of the population

#142dd4 hex color

#142dd4 Color Information

#142dd4 Color Conversion

Color Schemes with #142dd4

Alternatives to #142dd4

#142dd4 Preview

Shades and Tints of #142dd4

Tones of #142dd4

Color Blindness Simulator