#142230 hex color

In a RGB color space, hex #142230 is composed of 7.8% red, 13.3% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 58.3% cyan, 29.2% magenta, 0% yellow and 81.2% black. It has a hue angle of 210 degrees, a saturation of 41.2% and a lightness of 13.3%. #142230 color hex could be obtained by blending #284460 with #000000. Closest websafe color is: #003333.

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

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

The hexadecimal color #142230 has RGB values of R:20, G:34, B:48 and CMYK values of C:0.58, M:0.29, Y:0, K:0.81. Its decimal value is 1319472.

Hex triplet	142230	`#142230`
RGB Decimal	20, 34, 48	`rgb(20,34,48)`
RGB Percent	7.8, 13.3, 18.8	`rgb(7.8%,13.3%,18.8%)`
CMYK	58, 29, 0, 81
HSL	210°, 41.2, 13.3	`hsl(210,41.2%,13.3%)`
HSV (or HSB)	210°, 58.3, 18.8
Web Safe	003333	`#003333`

CIE-LAB	12.647, -1.091, -11.105
XYZ	1.394, 1.506, 3.013
xyY	0.236, 0.255, 1.506
CIE-LCH	12.647, 11.159, 264.389
CIE-LUV	12.647, -4.77, -9.519
Hunter-Lab	12.272, -1.203, -5.968
Binary	00010100, 00100010, 00110000

#142230
```
#142230 rgb(20,34,48)
```
#302214
```
#302214 rgb(48,34,20)
```

Complementary Color

#143030
```
#143030 rgb(20,48,48)
```
#142230
```
#142230 rgb(20,34,48)
```
#141430
```
#141430 rgb(20,20,48)
```

Analogous Color

#303014
```
#303014 rgb(48,48,20)
```
#142230
```
#142230 rgb(20,34,48)
```
#301414
```
#301414 rgb(48,20,20)
```

Split Complementary Color

#223014
```
#223014 rgb(34,48,20)
```
#142230
```
#142230 rgb(20,34,48)
```
#301422
```
#301422 rgb(48,20,34)
```

Triadic Color

#143022
```
#143022 rgb(20,48,34)
```
#142230
```
#142230 rgb(20,34,48)
```
#301422
```
#301422 rgb(48,20,34)
```
#302214
```
#302214 rgb(48,34,20)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#05090c
```
#05090c rgb(5,9,12)
```
#0d151e
```
#0d151e rgb(13,21,30)
```
#142230
```
#142230 rgb(20,34,48)
```
#1c2f42
```
#1c2f42 rgb(28,47,66)
```
#233c54
```
#233c54 rgb(35,60,84)
```
#2b4866
```
#2b4866 rgb(43,72,102)
```

Monochromatic Color

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

#142930
```
#142930 rgb(20,41,48)
```
#142730
```
#142730 rgb(20,39,48)
```
#142430
```
#142430 rgb(20,36,48)
```
#142230
```
#142230 rgb(20,34,48)
```
#142030
```
#142030 rgb(20,32,48)
```
#141d30
```
#141d30 rgb(20,29,48)
```
#141b30
```
#141b30 rgb(20,27,48)
```

Similar Colors

Text with hexadecimal color #142230

This text has a font color of #142230.

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

#142230 background color

This paragraph has a background color of #142230.

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

#142230 border color

This element has a border color of #142230.

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

CSS codes

.text {color:#142230;}

.background {background-color:#142230;}

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

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

#030506
```
#030506 rgb(3,5,6)
```
#080e14
```
#080e14 rgb(8,14,20)
```
#0e1822
```
#0e1822 rgb(14,24,34)
```
#142230
```
#142230 rgb(20,34,48)
```
#1a2c3e
```
#1a2c3e rgb(26,44,62)
```
#20364c
```
#20364c rgb(32,54,76)
```
#253f5a
```
#253f5a rgb(37,63,90)
```
#2b4967
```
#2b4967 rgb(43,73,103)
```
#315375
```
#315375 rgb(49,83,117)
```
#375d83
```
#375d83 rgb(55,93,131)
```
#3c6791
```
#3c6791 rgb(60,103,145)
```
#42709f
```
#42709f rgb(66,112,159)
```
#487aad
```
#487aad rgb(72,122,173)
```

Shade Color Variation

#5184b7
```
#5184b7 rgb(81,132,183)
```
#5f8ebc
```
#5f8ebc rgb(95,142,188)
```
#6d98c2
```
#6d98c2 rgb(109,152,194)
```
#7ba2c8
```
#7ba2c8 rgb(123,162,200)
```
#89abce
```
#89abce rgb(137,171,206)
```
#97b5d4
```
#97b5d4 rgb(151,181,212)
```
#a5bfd9
```
#a5bfd9 rgb(165,191,217)
```
#b2c9df
```
#b2c9df rgb(178,201,223)
```
#c0d3e5
```
#c0d3e5 rgb(192,211,229)
```
#cedceb
```
#cedceb rgb(206,220,235)
```
#dce6f0
```
#dce6f0 rgb(220,230,240)
```
#eaf0f6
```
#eaf0f6 rgb(234,240,246)
```
#f8fafc
```
#f8fafc rgb(248,250,252)
```

Tint Color Variation

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

#212223
```
#212223 rgb(33,34,35)
```
#1e2226
```
#1e2226 rgb(30,34,38)
```
#1c2228
```
#1c2228 rgb(28,34,40)
```
#19222b
```
#19222b rgb(25,34,43)
```
#17222d
```
#17222d rgb(23,34,45)
```
#142230
```
#142230 rgb(20,34,48)
```
#112233
```
#112233 rgb(17,34,51)
```
#0f2235
```
#0f2235 rgb(15,34,53)
```
#0c2238
```
#0c2238 rgb(12,34,56)
```
#0a223a
```
#0a223a rgb(10,34,58)
```
#07223d
```
#07223d rgb(7,34,61)
```
#042240
```
#042240 rgb(4,34,64)
```
#022242
```
#022242 rgb(2,34,66)
```

Tone Color Variation

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

#1f1f1f Achromatopsia 0.005% of the population
#1d2022 Atypical Achromatopsia 0.001% of the population

Dichromacy

#282b39 Protanopia 1% of men
#272b3b Deuteranopia 1% of men
#1c2f32 Tritanopia 0.001% of the population

Trichromacy

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

#142230 hex color

#142230 Color Information

#142230 Color Conversion

Color Schemes with #142230

Alternatives to #142230

#142230 Preview

Shades and Tints of #142230

Tones of #142230

Color Blindness Simulator