#142acc hex color

In a RGB color space, hex #142acc is composed of 7.8% red, 16.5% green and 80% blue. Whereas in a CMYK color space, it is composed of 90.2% cyan, 79.4% magenta, 0% yellow and 20% black. It has a hue angle of 232.8 degrees, a saturation of 82.1% and a lightness of 43.9%. #142acc color hex could be obtained by blending #2854ff with #000099. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 8
- G 16
- B 80
RGB color chart
- C 90
- M 79
- Y 0
- K 20
CMYK color chart

● #142acc color description : Strong blue.

The hexadecimal color #142acc has RGB values of R:20, G:42, B:204 and CMYK values of C:0.9, M:0.79, Y:0, K:0.2. Its decimal value is 1321676.

Hex triplet	142acc	`#142acc`
RGB Decimal	20, 42, 204	`rgb(20,42,204)`
RGB Percent	7.8, 16.5, 80	`rgb(7.8%,16.5%,80%)`
CMYK	90, 79, 0, 20
HSL	232.8°, 82.1, 43.9	`hsl(232.8,82.1%,43.9%)`
HSV (or HSB)	232.8°, 90.2, 80
Web Safe	0033cc	`#0033cc`

CIE-LAB	29.821, 53.422, -82.826
XYZ	12.013, 6.163, 57.68
xyY	0.158, 0.081, 6.163
CIE-LCH	29.821, 98.559, 302.822
CIE-LUV	29.821, -9.566, -104.069
Hunter-Lab	24.826, 42.93, -120.374
Binary	00010100, 00101010, 11001100

#142acc
```
#142acc rgb(20,42,204)
```
#ccb614
```
#ccb614 rgb(204,182,20)
```

Complementary Color

#1486cc
```
#1486cc rgb(20,134,204)
```
#142acc
```
#142acc rgb(20,42,204)
```
#5a14cc
```
#5a14cc rgb(90,20,204)
```

Analogous Color

#86cc14
```
#86cc14 rgb(134,204,20)
```
#142acc
```
#142acc rgb(20,42,204)
```
#cc5a14
```
#cc5a14 rgb(204,90,20)
```

Split Complementary Color

#2acc14
```
#2acc14 rgb(42,204,20)
```
#142acc
```
#142acc rgb(20,42,204)
```
#cc142a
```
#cc142a rgb(204,20,42)
```

Triadic Color

#14ccb6
```
#14ccb6 rgb(20,204,182)
```
#142acc
```
#142acc rgb(20,42,204)
```
#cc142a
```
#cc142a rgb(204,20,42)
```
#ccb614
```
#ccb614 rgb(204,182,20)
```

Tetradic Color

#0d1c86
```
#0d1c86 rgb(13,28,134)
```
#0f209e
```
#0f209e rgb(15,32,158)
```
#1225b5
```
#1225b5 rgb(18,37,181)
```
#142acc
```
#142acc rgb(20,42,204)
```
#162fe3
```
#162fe3 rgb(22,47,227)
```
#2940ea
```
#2940ea rgb(41,64,234)
```
#4055ec
```
#4055ec rgb(64,85,236)
```

Monochromatic Color

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

#1458cc
```
#1458cc rgb(20,88,204)
```
#1449cc
```
#1449cc rgb(20,73,204)
```
#1439cc
```
#1439cc rgb(20,57,204)
```
#142acc
```
#142acc rgb(20,42,204)
```
#141bcc
```
#141bcc rgb(20,27,204)
```
#1d14cc
```
#1d14cc rgb(29,20,204)
```
#2c14cc
```
#2c14cc rgb(44,20,204)
```

Similar Colors

Text with hexadecimal color #142acc

This text has a font color of #142acc.

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

#142acc background color

This paragraph has a background color of #142acc.

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

#142acc border color

This element has a border color of #142acc.

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

CSS codes

.text {color:#142acc;}

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

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

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

#010207
```
#010207 rgb(1,2,7)
```
#020519
```
#020519 rgb(2,5,25)
```
#04092b
```
#04092b rgb(4,9,43)
```
#060d3d
```
#060d3d rgb(6,13,61)
```
#08104f
```
#08104f rgb(8,16,79)
```
#091461
```
#091461 rgb(9,20,97)
```
#0b1873
```
#0b1873 rgb(11,24,115)
```
#0d1b85
```
#0d1b85 rgb(13,27,133)
```
#0f1f96
```
#0f1f96 rgb(15,31,150)
```
#1023a8
```
#1023a8 rgb(16,35,168)
```
#1226ba
```
#1226ba rgb(18,38,186)
```
#142acc
```
#142acc rgb(20,42,204)
```
#162ede
```
#162ede rgb(22,46,222)
```

Shade Color Variation

#1e37e9
```
#1e37e9 rgb(30,55,233)
```
#3046eb
```
#3046eb rgb(48,70,235)
```
#4256ec
```
#4256ec rgb(66,86,236)
```
#5466ee
```
#5466ee rgb(84,102,238)
```
#6676f0
```
#6676f0 rgb(102,118,240)
```
#7886f2
```
#7886f2 rgb(120,134,242)
```
#8996f3
```
#8996f3 rgb(137,150,243)
```
#9ba6f5
```
#9ba6f5 rgb(155,166,245)
```
#adb6f7
```
#adb6f7 rgb(173,182,247)
```
#bfc6f9
```
#bfc6f9 rgb(191,198,249)
```
#d1d6fa
```
#d1d6fa rgb(209,214,250)
```
#e3e6fc
```
#e3e6fc rgb(227,230,252)
```
#f5f6fe
```
#f5f6fe rgb(245,246,254)
```

Tint Color Variation

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

#6a6c76
```
#6a6c76 rgb(106,108,118)
```
#62657e
```
#62657e rgb(98,101,126)
```
#595e87
```
#595e87 rgb(89,94,135)
```
#505890
```
#505890 rgb(80,88,144)
```
#485198
```
#485198 rgb(72,81,152)
```
#3f4ba1
```
#3f4ba1 rgb(63,75,161)
```
#3644aa
```
#3644aa rgb(54,68,170)
```
#2e3eb2
```
#2e3eb2 rgb(46,62,178)
```
#2537bb
```
#2537bb rgb(37,55,187)
```
#1d31c3
```
#1d31c3 rgb(29,49,195)
```
#142acc
```
#142acc rgb(20,42,204)
```
#0b23d5
```
#0b23d5 rgb(11,35,213)
```
#031ddd
```
#031ddd rgb(3,29,221)
```

Tone Color Variation

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

#363636 Achromatopsia 0.005% of the population
#2f3454 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004d96 Protanopia 1% of men
#005282 Deuteranopia 1% of men
#00575b Tritanopia 0.001% of the population

Trichromacy

#0740aa Protanomaly 1% of men, 0.01% of women
#07439c Deuteranomaly 6% of men, 0.4% of women
#074784 Tritanomaly 0.01% of the population

#142acc hex color

#142acc Color Information

#142acc Color Conversion

Color Schemes with #142acc

Alternatives to #142acc

#142acc Preview

Shades and Tints of #142acc

Tones of #142acc

Color Blindness Simulator