#142530 hex color

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

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

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

The hexadecimal color #142530 has RGB values of R:20, G:37, B:48 and CMYK values of C:0.58, M:0.23, Y:0, K:0.81. Its decimal value is 1320240.

Hex triplet	142530	`#142530`
RGB Decimal	20, 37, 48	`rgb(20,37,48)`
RGB Percent	7.8, 14.5, 18.8	`rgb(7.8%,14.5%,18.8%)`
CMYK	58, 23, 0, 81
HSL	203.6°, 41.2, 13.3	`hsl(203.6,41.2%,13.3%)`
HSV (or HSB)	203.6°, 58.3, 18.8
Web Safe	003333	`#003333`

CIE-LAB	13.74, -3.236, -9.42
XYZ	1.483, 1.685, 3.043
xyY	0.239, 0.271, 1.685
CIE-LCH	13.74, 9.96, 251.038
CIE-LUV	13.74, -5.807, -8.174
Hunter-Lab	12.981, -2.32, -4.812
Binary	00010100, 00100101, 00110000

#142530
```
#142530 rgb(20,37,48)
```
#301f14
```
#301f14 rgb(48,31,20)
```

Complementary Color

#14302d
```
#14302d rgb(20,48,45)
```
#142530
```
#142530 rgb(20,37,48)
```
#141730
```
#141730 rgb(20,23,48)
```

Analogous Color

#302d14
```
#302d14 rgb(48,45,20)
```
#142530
```
#142530 rgb(20,37,48)
```
#301417
```
#301417 rgb(48,20,23)
```

Split Complementary Color

#253014
```
#253014 rgb(37,48,20)
```
#142530
```
#142530 rgb(20,37,48)
```
#301425
```
#301425 rgb(48,20,37)
```

Triadic Color

#14301f
```
#14301f rgb(20,48,31)
```
#142530
```
#142530 rgb(20,37,48)
```
#301425
```
#301425 rgb(48,20,37)
```
#301f14
```
#301f14 rgb(48,31,20)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#05090c
```
#05090c rgb(5,9,12)
```
#0d171e
```
#0d171e rgb(13,23,30)
```
#142530
```
#142530 rgb(20,37,48)
```
#1c3342
```
#1c3342 rgb(28,51,66)
```
#234154
```
#234154 rgb(35,65,84)
```
#2b4f66
```
#2b4f66 rgb(43,79,102)
```

Monochromatic Color

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

#142c30
```
#142c30 rgb(20,44,48)
```
#142a30
```
#142a30 rgb(20,42,48)
```
#142730
```
#142730 rgb(20,39,48)
```
#142530
```
#142530 rgb(20,37,48)
```
#142330
```
#142330 rgb(20,35,48)
```
#142030
```
#142030 rgb(20,32,48)
```
#141e30
```
#141e30 rgb(20,30,48)
```

Similar Colors

Text with hexadecimal color #142530

This text has a font color of #142530.

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

#142530 background color

This paragraph has a background color of #142530.

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

#142530 border color

This element has a border color of #142530.

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

CSS codes

.text {color:#142530;}

.background {background-color:#142530;}

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

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)
```
#081014
```
#081014 rgb(8,16,20)
```
#0e1a22
```
#0e1a22 rgb(14,26,34)
```
#142530
```
#142530 rgb(20,37,48)
```
#1a303e
```
#1a303e rgb(26,48,62)
```
#203a4c
```
#203a4c rgb(32,58,76)
```
#25455a
```
#25455a rgb(37,69,90)
```
#2b5067
```
#2b5067 rgb(43,80,103)
```
#315a75
```
#315a75 rgb(49,90,117)
```
#376583
```
#376583 rgb(55,101,131)
```
#3c7091
```
#3c7091 rgb(60,112,145)
```
#427a9f
```
#427a9f rgb(66,122,159)
```
#4885ad
```
#4885ad rgb(72,133,173)
```

Shade Color Variation

#518fb7
```
#518fb7 rgb(81,143,183)
```
#5f98bc
```
#5f98bc rgb(95,152,188)
```
#6da1c2
```
#6da1c2 rgb(109,161,194)
```
#7baac8
```
#7baac8 rgb(123,170,200)
```
#89b3ce
```
#89b3ce rgb(137,179,206)
```
#97bcd4
```
#97bcd4 rgb(151,188,212)
```
#a5c5d9
```
#a5c5d9 rgb(165,197,217)
```
#b2cedf
```
#b2cedf rgb(178,206,223)
```
#c0d6e5
```
#c0d6e5 rgb(192,214,229)
```
#cedfeb
```
#cedfeb rgb(206,223,235)
```
#dce8f0
```
#dce8f0 rgb(220,232,240)
```
#eaf1f6
```
#eaf1f6 rgb(234,241,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 #022942 is the most saturated one.

#212223
```
#212223 rgb(33,34,35)
```
#1e2326
```
#1e2326 rgb(30,35,38)
```
#1c2328
```
#1c2328 rgb(28,35,40)
```
#19242b
```
#19242b rgb(25,36,43)
```
#17242d
```
#17242d rgb(23,36,45)
```
#142530
```
#142530 rgb(20,37,48)
```
#112633
```
#112633 rgb(17,38,51)
```
#0f2635
```
#0f2635 rgb(15,38,53)
```
#0c2738
```
#0c2738 rgb(12,39,56)
```
#0a273a
```
#0a273a rgb(10,39,58)
```
#07283d
```
#07283d rgb(7,40,61)
```
#042840
```
#042840 rgb(4,40,64)
```
#022942
```
#022942 rgb(2,41,66)
```

Tone Color Variation

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

#212121 Achromatopsia 0.005% of the population
#1e2224 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2b2e39 Protanopia 1% of men
#2b2d3b Deuteranopia 1% of men
#1d3135 Tritanopia 0.001% of the population

Trichromacy

#232a35 Protanomaly 1% of men, 0.01% of women
#222a37 Deuteranomaly 6% of men, 0.4% of women
#1a2c33 Tritanomaly 0.01% of the population

#142530 hex color

#142530 Color Information

#142530 Color Conversion

Color Schemes with #142530

Alternatives to #142530

#142530 Preview

Shades and Tints of #142530

Tones of #142530

Color Blindness Simulator