#142231 hex color

In a RGB color space, hex #142231 is composed of 7.8% red, 13.3% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 59.2% cyan, 30.6% magenta, 0% yellow and 80.8% black. It has a hue angle of 211 degrees, a saturation of 42% and a lightness of 13.5%. #142231 color hex could be obtained by blending #284462 with #000000. Closest websafe color is: #003333.

♥
- f
- t
- g
- R 8
- G 13
- B 19
RGB color chart
- C 59
- M 31
- Y 0
- K 81
CMYK color chart

● #142231 color description : Very dark (mostly black) blue.

The hexadecimal color #142231 has RGB values of R:20, G:34, B:49 and CMYK values of C:0.59, M:0.31, Y:0, K:0.81. Its decimal value is 1319473.

Hex triplet	142231	`#142231`
RGB Decimal	20, 34, 49	`rgb(20,34,49)`
RGB Percent	7.8, 13.3, 19.2	`rgb(7.8%,13.3%,19.2%)`
CMYK	59, 31, 0, 81
HSL	211°, 42, 13.5	`hsl(211,42%,13.5%)`
HSV (or HSB)	211°, 59.2, 19.2
Web Safe	003333	`#003333`

CIE-LAB	12.7, -0.711, -11.741
XYZ	1.415, 1.514, 3.123
xyY	0.234, 0.25, 1.514
CIE-LCH	12.7, 11.763, 266.535
CIE-LUV	12.7, -4.775, -10.151
Hunter-Lab	12.306, -1.015, -6.433
Binary	00010100, 00100010, 00110001

#142231
```
#142231 rgb(20,34,49)
```
#312314
```
#312314 rgb(49,35,20)
```

Complementary Color

#143131
```
#143131 rgb(20,49,49)
```
#142231
```
#142231 rgb(20,34,49)
```
#151431
```
#151431 rgb(21,20,49)
```

Analogous Color

#313114
```
#313114 rgb(49,49,20)
```
#142231
```
#142231 rgb(20,34,49)
```
#311514
```
#311514 rgb(49,21,20)
```

Split Complementary Color

#223114
```
#223114 rgb(34,49,20)
```
#142231
```
#142231 rgb(20,34,49)
```
#311422
```
#311422 rgb(49,20,34)
```

Triadic Color

#143123
```
#143123 rgb(20,49,35)
```
#142231
```
#142231 rgb(20,34,49)
```
#311422
```
#311422 rgb(49,20,34)
```
#312314
```
#312314 rgb(49,35,20)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#05090d
```
#05090d rgb(5,9,13)
```
#0d151f
```
#0d151f rgb(13,21,31)
```
#142231
```
#142231 rgb(20,34,49)
```
#1b2f43
```
#1b2f43 rgb(27,47,67)
```
#233b55
```
#233b55 rgb(35,59,85)
```
#2a4867
```
#2a4867 rgb(42,72,103)
```

Monochromatic Color

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

#142931
```
#142931 rgb(20,41,49)
```
#142731
```
#142731 rgb(20,39,49)
```
#142431
```
#142431 rgb(20,36,49)
```
#142231
```
#142231 rgb(20,34,49)
```
#142031
```
#142031 rgb(20,32,49)
```
#141d31
```
#141d31 rgb(20,29,49)
```
#141b31
```
#141b31 rgb(20,27,49)
```

Similar Colors

Text with hexadecimal color #142231

This text has a font color of #142231.

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

#142231 background color

This paragraph has a background color of #142231.

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

#142231 border color

This element has a border color of #142231.

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

CSS codes

.text {color:#142231;}

.background {background-color:#142231;}

.border {border:1px solid #142231;}

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

#030507
```
#030507 rgb(3,5,7)
```
#090f15
```
#090f15 rgb(9,15,21)
```
#0e1823
```
#0e1823 rgb(14,24,35)
```
#142231
```
#142231 rgb(20,34,49)
```
#1a2c3f
```
#1a2c3f rgb(26,44,63)
```
#1f354d
```
#1f354d rgb(31,53,77)
```
#253f5b
```
#253f5b rgb(37,63,91)
```
#2b4969
```
#2b4969 rgb(43,73,105)
```
#305277
```
#305277 rgb(48,82,119)
```
#365c85
```
#365c85 rgb(54,92,133)
```
#3c6693
```
#3c6693 rgb(60,102,147)
```
#416fa0
```
#416fa0 rgb(65,111,160)
```
#4779ae
```
#4779ae rgb(71,121,174)
```

Shade Color Variation

#5183b8
```
#5183b8 rgb(81,131,184)
```
#5f8dbe
```
#5f8dbe rgb(95,141,190)
```
#6d97c3
```
#6d97c3 rgb(109,151,195)
```
#7ba1c9
```
#7ba1c9 rgb(123,161,201)
```
#89abcf
```
#89abcf rgb(137,171,207)
```
#97b5d4
```
#97b5d4 rgb(151,181,212)
```
#a5bfda
```
#a5bfda rgb(165,191,218)
```
#b3c8e0
```
#b3c8e0 rgb(179,200,224)
```
#c1d2e6
```
#c1d2e6 rgb(193,210,230)
```
#cedceb
```
#cedceb rgb(206,220,235)
```
#dce6f1
```
#dce6f1 rgb(220,230,241)
```
#eaf0f7
```
#eaf0f7 rgb(234,240,247)
```
#f8fafc
```
#f8fafc rgb(248,250,252)
```

Tint Color Variation

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

#212224
```
#212224 rgb(33,34,36)
```
#1f2226
```
#1f2226 rgb(31,34,38)
```
#1c2229
```
#1c2229 rgb(28,34,41)
```
#19222c
```
#19222c rgb(25,34,44)
```
#17222e
```
#17222e rgb(23,34,46)
```
#142231
```
#142231 rgb(20,34,49)
```
#112234
```
#112234 rgb(17,34,52)
```
#0f2236
```
#0f2236 rgb(15,34,54)
```
#0c2239
```
#0c2239 rgb(12,34,57)
```
#09223c
```
#09223c rgb(9,34,60)
```
#07223e
```
#07223e rgb(7,34,62)
```
#042141
```
#042141 rgb(4,33,65)
```
#012144
```
#012144 rgb(1,33,68)
```

Tone Color Variation

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

#202020 Achromatopsia 0.005% of the population
#1e2023 Atypical Achromatopsia 0.001% of the population

Dichromacy

#272b3a Protanopia 1% of men
#262c3c Deuteranopia 1% of men
#1c2f32 Tritanopia 0.001% of the population

Trichromacy

#202837 Protanomaly 1% of men, 0.01% of women
#1f2838 Deuteranomaly 6% of men, 0.4% of women
#192a32 Tritanomaly 0.01% of the population

#142231 hex color

#142231 Color Information

#142231 Color Conversion

Color Schemes with #142231

Alternatives to #142231

#142231 Preview

Shades and Tints of #142231

Tones of #142231

Color Blindness Simulator