#142f55 hex color

In a RGB color space, hex #142f55 is composed of 7.8% red, 18.4% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 76.5% cyan, 44.7% magenta, 0% yellow and 66.7% black. It has a hue angle of 215.1 degrees, a saturation of 61.9% and a lightness of 20.6%. #142f55 color hex could be obtained by blending #285eaa with #000000. Closest websafe color is: #003366.

♥
- f
- t
- g
- R 8
- G 18
- B 33
RGB color chart
- C 76
- M 45
- Y 0
- K 67
CMYK color chart

● #142f55 color description : Very dark blue.

The hexadecimal color #142f55 has RGB values of R:20, G:47, B:85 and CMYK values of C:0.76, M:0.45, Y:0, K:0.67. Its decimal value is 1322837.

Hex triplet	142f55	`#142f55`
RGB Decimal	20, 47, 85	`rgb(20,47,85)`
RGB Percent	7.8, 18.4, 33.3	`rgb(7.8%,18.4%,33.3%)`
CMYK	76, 45, 0, 67
HSL	215.1°, 61.9, 20.6	`hsl(215.1,61.9%,20.6%)`
HSV (or HSB)	215.1°, 76.5, 33.3
Web Safe	003366	`#003366`

CIE-LAB	19.381, 4.528, -26.076
XYZ	2.944, 2.837, 8.986
xyY	0.199, 0.192, 2.837
CIE-LCH	19.381, 26.466, 279.852
CIE-LUV	19.381, -8.898, -29.209
Hunter-Lab	16.845, 1.722, -19.839
Binary	00010100, 00101111, 01010101

#142f55
```
#142f55 rgb(20,47,85)
```
#553a14
```
#553a14 rgb(85,58,20)
```

Complementary Color

#145055
```
#145055 rgb(20,80,85)
```
#142f55
```
#142f55 rgb(20,47,85)
```
#1a1455
```
#1a1455 rgb(26,20,85)
```

Analogous Color

#505514
```
#505514 rgb(80,85,20)
```
#142f55
```
#142f55 rgb(20,47,85)
```
#551a14
```
#551a14 rgb(85,26,20)
```

Split Complementary Color

#2f5514
```
#2f5514 rgb(47,85,20)
```
#142f55
```
#142f55 rgb(20,47,85)
```
#55142f
```
#55142f rgb(85,20,47)
```

Triadic Color

#14553a
```
#14553a rgb(20,85,58)
```
#142f55
```
#142f55 rgb(20,47,85)
```
#55142f
```
#55142f rgb(85,20,47)
```
#553a14
```
#553a14 rgb(85,58,20)
```

Tetradic Color

#050d17
```
#050d17 rgb(5,13,23)
```
#0a182c
```
#0a182c rgb(10,24,44)
```
#0f2440
```
#0f2440 rgb(15,36,64)
```
#142f55
```
#142f55 rgb(20,47,85)
```
#193a6a
```
#193a6a rgb(25,58,106)
```
#1e467e
```
#1e467e rgb(30,70,126)
```
#235193
```
#235193 rgb(35,81,147)
```

Monochromatic Color

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

#143f55
```
#143f55 rgb(20,63,85)
```
#143a55
```
#143a55 rgb(20,58,85)
```
#143455
```
#143455 rgb(20,52,85)
```
#142f55
```
#142f55 rgb(20,47,85)
```
#142a55
```
#142a55 rgb(20,42,85)
```
#142455
```
#142455 rgb(20,36,85)
```
#141f55
```
#141f55 rgb(20,31,85)
```

Similar Colors

Text with hexadecimal color #142f55

This text has a font color of #142f55.

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

#142f55 background color

This paragraph has a background color of #142f55.

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

#142f55 border color

This element has a border color of #142f55.

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

CSS codes

.text {color:#142f55;}

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

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

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

#010306
```
#010306 rgb(1,3,6)
```
#050c15
```
#050c15 rgb(5,12,21)
```
#091525
```
#091525 rgb(9,21,37)
```
#0d1d35
```
#0d1d35 rgb(13,29,53)
```
#102645
```
#102645 rgb(16,38,69)
```
#142f55
```
#142f55 rgb(20,47,85)
```
#183865
```
#183865 rgb(24,56,101)
```
#1b4175
```
#1b4175 rgb(27,65,117)
```
#1f4985
```
#1f4985 rgb(31,73,133)
```
#235295
```
#235295 rgb(35,82,149)
```
#275ba4
```
#275ba4 rgb(39,91,164)
```
#2a64b4
```
#2a64b4 rgb(42,100,180)
```
#2e6cc4
```
#2e6cc4 rgb(46,108,196)
```

Shade Color Variation

#3676d0
```
#3676d0 rgb(54,118,208)
```
#4681d3
```
#4681d3 rgb(70,129,211)
```
#568cd7
```
#568cd7 rgb(86,140,215)
```
#6696db
```
#6696db rgb(102,150,219)
```
#76a1df
```
#76a1df rgb(118,161,223)
```
#86ace2
```
#86ace2 rgb(134,172,226)
```
#95b7e6
```
#95b7e6 rgb(149,183,230)
```
#a5c2ea
```
#a5c2ea rgb(165,194,234)
```
#b5cdee
```
#b5cdee rgb(181,205,238)
```
#c5d7f1
```
#c5d7f1 rgb(197,215,241)
```
#d5e2f5
```
#d5e2f5 rgb(213,226,245)
```
#e5edf9
```
#e5edf9 rgb(229,237,249)
```
#f5f8fd
```
#f5f8fd rgb(245,248,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #343435 is the less saturated color, while #042c65 is the most saturated one.

#343435
```
#343435 rgb(52,52,53)
```
#303439
```
#303439 rgb(48,52,57)
```
#2c333d
```
#2c333d rgb(44,51,61)
```
#283241
```
#283241 rgb(40,50,65)
```
#243245
```
#243245 rgb(36,50,69)
```
#203149
```
#203149 rgb(32,49,73)
```
#1c304d
```
#1c304d rgb(28,48,77)
```
#183051
```
#183051 rgb(24,48,81)
```
#142f55
```
#142f55 rgb(20,47,85)
```
#102e59
```
#102e59 rgb(16,46,89)
```
#0c2e5d
```
#0c2e5d rgb(12,46,93)
```
#082d61
```
#082d61 rgb(8,45,97)
```
#042c65
```
#042c65 rgb(4,44,101)
```

Tone Color Variation

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

#2b2b2b Achromatopsia 0.005% of the population
#262c33 Atypical Achromatopsia 0.001% of the population

Dichromacy

#29385c Protanopia 1% of men
#1c3a5d Deuteranopia 1% of men
#003f43 Tritanopia 0.001% of the population

Trichromacy

#21355a Protanomaly 1% of men, 0.01% of women
#19365a Deuteranomaly 6% of men, 0.4% of women
#07394a Tritanomaly 0.01% of the population

#142f55 hex color

#142f55 Color Information

#142f55 Color Conversion

Color Schemes with #142f55

Alternatives to #142f55

#142f55 Preview

Shades and Tints of #142f55

Tones of #142f55

Color Blindness Simulator