#142fd4 hex color

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

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

● #142fd4 color description : Strong blue.

The hexadecimal color #142fd4 has RGB values of R:20, G:47, B:212 and CMYK values of C:0.91, M:0.78, Y:0, K:0.17. Its decimal value is 1322964.

Hex triplet	142fd4	`#142fd4`
RGB Decimal	20, 47, 212	`rgb(20,47,212)`
RGB Percent	7.8, 18.4, 83.1	`rgb(7.8%,18.4%,83.1%)`
CMYK	91, 78, 0, 17
HSL	231.6°, 82.8, 45.5	`hsl(231.6,82.8%,45.5%)`
HSV (or HSB)	231.6°, 90.6, 83.1
Web Safe	0033cc	`#0033cc`

CIE-LAB	31.657, 53.423, -84.426
XYZ	13.186, 6.934, 62.927
xyY	0.159, 0.083, 6.934
CIE-LCH	31.657, 99.909, 302.325
CIE-LUV	31.657, -10.478, -108.801
Hunter-Lab	26.333, 43.302, -123.251
Binary	00010100, 00101111, 11010100

#142fd4
```
#142fd4 rgb(20,47,212)
```
#d4b914
```
#d4b914 rgb(212,185,20)
```

Complementary Color

#148fd4
```
#148fd4 rgb(20,143,212)
```
#142fd4
```
#142fd4 rgb(20,47,212)
```
#5914d4
```
#5914d4 rgb(89,20,212)
```

Analogous Color

#8fd414
```
#8fd414 rgb(143,212,20)
```
#142fd4
```
#142fd4 rgb(20,47,212)
```
#d45914
```
#d45914 rgb(212,89,20)
```

Split Complementary Color

#2fd414
```
#2fd414 rgb(47,212,20)
```
#142fd4
```
#142fd4 rgb(20,47,212)
```
#d4142f
```
#d4142f rgb(212,20,47)
```

Triadic Color

#14d4b9
```
#14d4b9 rgb(20,212,185)
```
#142fd4
```
#142fd4 rgb(20,47,212)
```
#d4142f
```
#d4142f rgb(212,20,47)
```
#d4b914
```
#d4b914 rgb(212,185,20)
```

Tetradic Color

#0d208e
```
#0d208e rgb(13,32,142)
```
#1025a5
```
#1025a5 rgb(16,37,165)
```
#122abd
```
#122abd rgb(18,42,189)
```
#142fd4
```
#142fd4 rgb(20,47,212)
```
#1836e9
```
#1836e9 rgb(24,54,233)
```
#304aeb
```
#304aeb rgb(48,74,235)
```
#475eee
```
#475eee rgb(71,94,238)
```

Monochromatic Color

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

#145fd4
```
#145fd4 rgb(20,95,212)
```
#144fd4
```
#144fd4 rgb(20,79,212)
```
#143fd4
```
#143fd4 rgb(20,63,212)
```
#142fd4
```
#142fd4 rgb(20,47,212)
```
#141fd4
```
#141fd4 rgb(20,31,212)
```
#1914d4
```
#1914d4 rgb(25,20,212)
```
#2914d4
```
#2914d4 rgb(41,20,212)
```

Similar Colors

Text with hexadecimal color #142fd4

This text has a font color of #142fd4.

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

#142fd4 background color

This paragraph has a background color of #142fd4.

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

#142fd4 border color

This element has a border color of #142fd4.

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

CSS codes

.text {color:#142fd4;}

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

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

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)
```
#081357
```
#081357 rgb(8,19,87)
```
#0a1768
```
#0a1768 rgb(10,23,104)
```
#0c1b7a
```
#0c1b7a rgb(12,27,122)
```
#0d1f8c
```
#0d1f8c rgb(13,31,140)
```
#0f239e
```
#0f239e rgb(15,35,158)
```
#1127b0
```
#1127b0 rgb(17,39,176)
```
#122bc2
```
#122bc2 rgb(18,43,194)
```
#142fd4
```
#142fd4 rgb(20,47,212)
```
#1633e6
```
#1633e6 rgb(22,51,230)
```

Shade Color Variation

#2541ea
```
#2541ea rgb(37,65,234)
```
#3750ec
```
#3750ec rgb(55,80,236)
```
#4960ee
```
#4960ee rgb(73,96,238)
```
#5b70ef
```
#5b70ef rgb(91,112,239)
```
#6d7ff1
```
#6d7ff1 rgb(109,127,241)
```
#7e8ff3
```
#7e8ff3 rgb(126,143,243)
```
#909ef5
```
#909ef5 rgb(144,158,245)
```
#a2aef6
```
#a2aef6 rgb(162,174,246)
```
#b4bef8
```
#b4bef8 rgb(180,190,248)
```
#c6cdfa
```
#c6cdfa rgb(198,205,250)
```
#d8ddfb
```
#d8ddfb rgb(216,221,251)
```
#eaedfd
```
#eaedfd rgb(234,237,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 #0222e6 is the most saturated one.

#6d6f7b
```
#6d6f7b rgb(109,111,123)
```
#646984
```
#646984 rgb(100,105,132)
```
#5b628d
```
#5b628d rgb(91,98,141)
```
#525c96
```
#525c96 rgb(82,92,150)
```
#4a559e
```
#4a559e rgb(74,85,158)
```
#414fa7
```
#414fa7 rgb(65,79,167)
```
#3849b0
```
#3849b0 rgb(56,73,176)
```
#2f42b9
```
#2f42b9 rgb(47,66,185)
```
#263cc2
```
#263cc2 rgb(38,60,194)
```
#1d35cb
```
#1d35cb rgb(29,53,203)
```
#142fd4
```
#142fd4 rgb(20,47,212)
```
#0b29dd
```
#0b29dd rgb(11,41,221)
```
#0222e6
```
#0222e6 rgb(2,34,230)
```

Tone Color Variation

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

#3a3a3a Achromatopsia 0.005% of the population
#323859 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00519e Protanopia 1% of men
#005688 Deuteranopia 1% of men
#005c60 Tritanopia 0.001% of the population

Trichromacy

#0744b1 Protanomaly 1% of men, 0.01% of women
#0748a4 Deuteranomaly 6% of men, 0.4% of women
#074b8a Tritanomaly 0.01% of the population

#142fd4 hex color

#142fd4 Color Information

#142fd4 Color Conversion

Color Schemes with #142fd4

Alternatives to #142fd4

#142fd4 Preview

Shades and Tints of #142fd4

Tones of #142fd4

Color Blindness Simulator