colorhexa.com

#142348 hex color

In a RGB color space, hex #142348 is composed of 7.8% red, 13.7% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 72.2% cyan, 51.4% magenta, 0% yellow and 71.8% black. It has a hue angle of 222.7 degrees, a saturation of 56.5% and a lightness of 18%. #142348 color hex could be obtained by blending #284690 with #000000. Closest websafe color is: #003333.

- R 8
- G 14
- B 28
RGB color chart
- C 72
- M 51
- Y 0
- K 72
CMYK color chart

● #142348 color description : Very dark blue.

The hexadecimal color #142348 has RGB values of R:20, G:35, B:72 and CMYK values of C:0.72, M:0.51, Y:0, K:0.72. Its decimal value is 1319752.

Hex triplet	142348	`#142348`
RGB Decimal	20, 35, 72	`rgb(20,35,72)`
RGB Percent	7.8, 13.7, 28.2	`rgb(7.8%,13.7%,28.2%)`
CMYK	72, 51, 0, 72
HSL	222.7°, 56.5, 18	`hsl(222.7,56.5%,18%)`
HSV (or HSB)	222.7°, 72.2, 28.2
Web Safe	003333	`#003333`

CIE-LAB	14.505, 7.897, -25.059
XYZ	2.059, 1.819, 6.373
xyY	0.201, 0.177, 1.819
CIE-LCH	14.505, 26.274, 287.491
CIE-LUV	14.505, -5.256, -24.62
Hunter-Lab	13.485, 3.654, -18.58
Binary	00010100, 00100011, 01001000

#142348
```
#142348 rgb(20,35,72)
```
#483914
```
#483914 rgb(72,57,20)
```

Complementary Color

#143d48
```
#143d48 rgb(20,61,72)
```
#142348
```
#142348 rgb(20,35,72)
```
#1f1448
```
#1f1448 rgb(31,20,72)
```

Analogous Color

#3d4814
```
#3d4814 rgb(61,72,20)
```
#142348
```
#142348 rgb(20,35,72)
```
#481f14
```
#481f14 rgb(72,31,20)
```

Split Complementary Color

#03060c
```
#03060c rgb(3,6,12)
```
#091020
```
#091020 rgb(9,16,32)
```
#0e1934
```
#0e1934 rgb(14,25,52)
```
#142348
```
#142348 rgb(20,35,72)
```
#1a2d5c
```
#1a2d5c rgb(26,45,92)
```
#1f3670
```
#1f3670 rgb(31,54,112)
```
#254084
```
#254084 rgb(37,64,132)
```

Monochromatic Color

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

#143048
```
#143048 rgb(20,48,72)
```
#142c48
```
#142c48 rgb(20,44,72)
```
#142748
```
#142748 rgb(20,39,72)
```
#142348
```
#142348 rgb(20,35,72)
```
#141f48
```
#141f48 rgb(20,31,72)
```
#141a48
```
#141a48 rgb(20,26,72)
```
#141648
```
#141648 rgb(20,22,72)
```

Similar Colors

Text with hexadecimal color #142348

This text has a font color of #142348.

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

#142348 background color

This paragraph has a background color of #142348.

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

#142348 border color

This element has a border color of #142348.

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

CSS codes

.text {color:#142348;}

.background {background-color:#142348;}

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

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, #03050b is the darkest color, while #fafbfe is the lightest one.

#03050b
```
#03050b rgb(3,5,11)
```
#070d1a
```
#070d1a rgb(7,13,26)
```
#0b1429
```
#0b1429 rgb(11,20,41)
```
#101c39
```
#101c39 rgb(16,28,57)
```
#142348
```
#142348 rgb(20,35,72)
```
#182a57
```
#182a57 rgb(24,42,87)
```
#1d3267
```
#1d3267 rgb(29,50,103)
```
#213976
```
#213976 rgb(33,57,118)
```
#254185
```
#254185 rgb(37,65,133)
```
#294895
```
#294895 rgb(41,72,149)
```
#2e50a4
```
#2e50a4 rgb(46,80,164)
```
#3257b3
```
#3257b3 rgb(50,87,179)
```
#365fc3
```
#365fc3 rgb(54,95,195)
```

Shade Color Variation

#4269cb
```
#4269cb rgb(66,105,203)
```
#5176cf
```
#5176cf rgb(81,118,207)
```
#6182d3
```
#6182d3 rgb(97,130,211)
```
#708ed7
```
#708ed7 rgb(112,142,215)
```
#7f9adc
```
#7f9adc rgb(127,154,220)
```
#8fa6e0
```
#8fa6e0 rgb(143,166,224)
```
#9eb2e4
```
#9eb2e4 rgb(158,178,228)
```
#adbee8
```
#adbee8 rgb(173,190,232)
```
#bdcbed
```
#bdcbed rgb(189,203,237)
```
#ccd7f1
```
#ccd7f1 rgb(204,215,241)
```
#dce3f5
```
#dce3f5 rgb(220,227,245)
```
#ebeff9
```
#ebeff9 rgb(235,239,249)
```
#fafbfe
```
#fafbfe rgb(250,251,254)
```

Tint Color Variation

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

#2d2d2f
```
#2d2d2f rgb(45,45,47)
```
#292c33
```
#292c33 rgb(41,44,51)
```
#262a36
```
#262a36 rgb(38,42,54)
```
#22293a
```
#22293a rgb(34,41,58)
```
#1f273d
```
#1f273d rgb(31,39,61)
```
#1b2641
```
#1b2641 rgb(27,38,65)
```
#182444
```
#182444 rgb(24,36,68)
```
#142348
```
#142348 rgb(20,35,72)
```
#10224c
```
#10224c rgb(16,34,76)
```
#0d204f
```
#0d204f rgb(13,32,79)
```
#091f53
```
#091f53 rgb(9,31,83)
```
#061d56
```
#061d56 rgb(6,29,86)
```
#021c5a
```
#021c5a rgb(2,28,90)
```

Tone Color Variation

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

#232323 Achromatopsia 0.005% of the population
#20232a Atypical Achromatopsia 0.001% of the population

Dichromacy

#1d2e51 Protanopia 1% of men
#0d3050 Deuteranopia 1% of men
#083438 Tritanopia 0.001% of the population

Trichromacy

#192a4e Protanomaly 1% of men, 0.01% of women
#0f2b4d Deuteranomaly 6% of men, 0.4% of women
#0c2e3e Tritanomaly 0.01% of the population