#142cbb hex color

In a RGB color space, hex #142cbb is composed of 7.8% red, 17.3% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 89.3% cyan, 76.5% magenta, 0% yellow and 26.7% black. It has a hue angle of 231.4 degrees, a saturation of 80.7% and a lightness of 40.6%. #142cbb color hex could be obtained by blending #2858ff with #000077. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 8
- G 17
- B 73
RGB color chart
- C 89
- M 76
- Y 0
- K 27
CMYK color chart

● #142cbb color description : Strong blue.

The hexadecimal color #142cbb has RGB values of R:20, G:44, B:187 and CMYK values of C:0.89, M:0.76, Y:0, K:0.27. Its decimal value is 1322171.

Hex triplet	142cbb	`#142cbb`
RGB Decimal	20, 44, 187	`rgb(20,44,187)`
RGB Percent	7.8, 17.3, 73.3	`rgb(7.8%,17.3%,73.3%)`
CMYK	89, 76, 0, 27
HSL	231.4°, 80.7, 40.6	`hsl(231.4,80.7%,40.6%)`
HSV (or HSB)	231.4°, 89.3, 73.3
Web Safe	0033cc	`#0033cc`

CIE-LAB	28.213, 46.697, -75.502
XYZ	10.157, 5.537, 47.544
xyY	0.161, 0.088, 5.537
CIE-LCH	28.213, 88.776, 301.736
CIE-LUV	28.213, -9.381, -94.274
Hunter-Lab	23.531, 35.868, -103.323
Binary	00010100, 00101100, 10111011

#142cbb
```
#142cbb rgb(20,44,187)
```
#bba314
```
#bba314 rgb(187,163,20)
```

Complementary Color

#1480bb
```
#1480bb rgb(20,128,187)
```
#142cbb
```
#142cbb rgb(20,44,187)
```
#5014bb
```
#5014bb rgb(80,20,187)
```

Analogous Color

#80bb14
```
#80bb14 rgb(128,187,20)
```
#142cbb
```
#142cbb rgb(20,44,187)
```
#bb4f14
```
#bb4f14 rgb(187,79,20)
```

Split Complementary Color

#2cbb14
```
#2cbb14 rgb(44,187,20)
```
#142cbb
```
#142cbb rgb(20,44,187)
```
#bb142c
```
#bb142c rgb(187,20,44)
```

Triadic Color

#14bba3
```
#14bba3 rgb(20,187,163)
```
#142cbb
```
#142cbb rgb(20,44,187)
```
#bb142c
```
#bb142c rgb(187,20,44)
```
#bba314
```
#bba314 rgb(187,163,20)
```

Tetradic Color

#0d1c76
```
#0d1c76 rgb(13,28,118)
```
#0f218d
```
#0f218d rgb(15,33,141)
```
#1227a4
```
#1227a4 rgb(18,39,164)
```
#142cbb
```
#142cbb rgb(20,44,187)
```
#1631d2
```
#1631d2 rgb(22,49,210)
```
#1b39e7
```
#1b39e7 rgb(27,57,231)
```
#324de9
```
#324de9 rgb(50,77,233)
```

Monochromatic Color

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

#1456bb
```
#1456bb rgb(20,86,187)
```
#1448bb
```
#1448bb rgb(20,72,187)
```
#143abb
```
#143abb rgb(20,58,187)
```
#142cbb
```
#142cbb rgb(20,44,187)
```
#141ebb
```
#141ebb rgb(20,30,187)
```
#1814bb
```
#1814bb rgb(24,20,187)
```
#2614bb
```
#2614bb rgb(38,20,187)
```

Similar Colors

Text with hexadecimal color #142cbb

This text has a font color of #142cbb.

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

#142cbb background color

This paragraph has a background color of #142cbb.

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

#142cbb border color

This element has a border color of #142cbb.

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

CSS codes

.text {color:#142cbb;}

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

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

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, #01020a is the darkest color, while #f7f8fe is the lightest one.

#01020a
```
#01020a rgb(1,2,10)
```
#03061c
```
#03061c rgb(3,6,28)
```
#050b2d
```
#050b2d rgb(5,11,45)
```
#070f3f
```
#070f3f rgb(7,15,63)
```
#091351
```
#091351 rgb(9,19,81)
```
#0b1762
```
#0b1762 rgb(11,23,98)
```
#0c1b74
```
#0c1b74 rgb(12,27,116)
```
#0e1f86
```
#0e1f86 rgb(14,31,134)
```
#102498
```
#102498 rgb(16,36,152)
```
#1228a9
```
#1228a9 rgb(18,40,169)
```
#142cbb
```
#142cbb rgb(20,44,187)
```
#1630cd
```
#1630cd rgb(22,48,205)
```
#1834de
```
#1834de rgb(24,52,222)
```

Shade Color Variation

#223fe7
```
#223fe7 rgb(34,63,231)
```
#344ee9
```
#344ee9 rgb(52,78,233)
```
#465eeb
```
#465eeb rgb(70,94,235)
```
#586ded
```
#586ded rgb(88,109,237)
```
#697def
```
#697def rgb(105,125,239)
```
#7b8cf1
```
#7b8cf1 rgb(123,140,241)
```
#8d9bf3
```
#8d9bf3 rgb(141,155,243)
```
#9eabf5
```
#9eabf5 rgb(158,171,245)
```
#b0baf7
```
#b0baf7 rgb(176,186,247)
```
#c2caf8
```
#c2caf8 rgb(194,202,248)
```
#d4d9fa
```
#d4d9fa rgb(212,217,250)
```
#e5e9fc
```
#e5e9fc rgb(229,233,252)
```
#f7f8fe
```
#f7f8fe rgb(247,248,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #64656b is the less saturated color, while #0421cb is the most saturated one.

#64656b
```
#64656b rgb(100,101,107)
```
#5c5f73
```
#5c5f73 rgb(92,95,115)
```
#54597b
```
#54597b rgb(84,89,123)
```
#4c5483
```
#4c5483 rgb(76,84,131)
```
#444e8b
```
#444e8b rgb(68,78,139)
```
#3c4893
```
#3c4893 rgb(60,72,147)
```
#34439b
```
#34439b rgb(52,67,155)
```
#2c3da3
```
#2c3da3 rgb(44,61,163)
```
#2437ab
```
#2437ab rgb(36,55,171)
```
#1c32b3
```
#1c32b3 rgb(28,50,179)
```
#142cbb
```
#142cbb rgb(20,44,187)
```
#0c26c3
```
#0c26c3 rgb(12,38,195)
```
#0421cb
```
#0421cb rgb(4,33,203)
```

Tone Color Variation

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

#353535 Achromatopsia 0.005% of the population
#2e3350 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004a90 Protanopia 1% of men
#004e7c Deuteranopia 1% of men
#005457 Tritanopia 0.001% of the population

Trichromacy

#073f9f Protanomaly 1% of men, 0.01% of women
#074293 Deuteranomaly 6% of men, 0.4% of women
#07457b Tritanomaly 0.01% of the population

#142cbb hex color

#142cbb Color Information

#142cbb Color Conversion

Color Schemes with #142cbb

Alternatives to #142cbb

#142cbb Preview

Shades and Tints of #142cbb

Tones of #142cbb

Color Blindness Simulator