#142248 hex color

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

♥
- f
- t
- g
- R 8
- G 13
- B 28
RGB color chart
- C 72
- M 53
- Y 0
- K 72
CMYK color chart

● #142248 color description : Very dark blue.

The hexadecimal color #142248 has RGB values of R:20, G:34, B:72 and CMYK values of C:0.72, M:0.53, Y:0, K:0.72. Its decimal value is 1319496.

Hex triplet	142248	`#142248`
RGB Decimal	20, 34, 72	`rgb(20,34,72)`
RGB Percent	7.8, 13.3, 28.2	`rgb(7.8%,13.3%,28.2%)`
CMYK	72, 53, 0, 72
HSL	223.8°, 56.5, 18	`hsl(223.8,56.5%,18%)`
HSV (or HSB)	223.8°, 72.2, 28.2
Web Safe	003333	`#003333`

CIE-LAB	14.177, 8.652, -25.585
XYZ	2.03, 1.761, 6.363
xyY	0.2, 0.173, 1.761
CIE-LCH	14.177, 27.008, 288.684
CIE-LUV	14.177, -4.975, -24.873
Hunter-Lab	13.269, 4.089, -19.147
Binary	00010100, 00100010, 01001000

#142248
```
#142248 rgb(20,34,72)
```
#483a14
```
#483a14 rgb(72,58,20)
```

Complementary Color

#143c48
```
#143c48 rgb(20,60,72)
```
#142248
```
#142248 rgb(20,34,72)
```
#201448
```
#201448 rgb(32,20,72)
```

Analogous Color

#3c4814
```
#3c4814 rgb(60,72,20)
```
#142248
```
#142248 rgb(20,34,72)
```
#482014
```
#482014 rgb(72,32,20)
```

Split Complementary Color

#224814
```
#224814 rgb(34,72,20)
```
#142248
```
#142248 rgb(20,34,72)
```
#481422
```
#481422 rgb(72,20,34)
```

Triadic Color

#14483a
```
#14483a rgb(20,72,58)
```
#142248
```
#142248 rgb(20,34,72)
```
#481422
```
#481422 rgb(72,20,34)
```
#483a14
```
#483a14 rgb(72,58,20)
```

Tetradic Color

#03060c
```
#03060c rgb(3,6,12)
```
#090f20
```
#090f20 rgb(9,15,32)
```
#0e1934
```
#0e1934 rgb(14,25,52)
```
#142248
```
#142248 rgb(20,34,72)
```
#1a2b5c
```
#1a2b5c rgb(26,43,92)
```
#1f3570
```
#1f3570 rgb(31,53,112)
```
#253e84
```
#253e84 rgb(37,62,132)
```

Monochromatic Color

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

#142f48
```
#142f48 rgb(20,47,72)
```
#142b48
```
#142b48 rgb(20,43,72)
```
#142648
```
#142648 rgb(20,38,72)
```
#142248
```
#142248 rgb(20,34,72)
```
#141e48
```
#141e48 rgb(20,30,72)
```
#141948
```
#141948 rgb(20,25,72)
```
#141548
```
#141548 rgb(20,21,72)
```

Similar Colors

Text with hexadecimal color #142248

This text has a font color of #142248.

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

#142248 background color

This paragraph has a background color of #142248.

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

#142248 border color

This element has a border color of #142248.

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

CSS codes

.text {color:#142248;}

.background {background-color:#142248;}

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

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)
```
#070c1a
```
#070c1a rgb(7,12,26)
```
#0b1429
```
#0b1429 rgb(11,20,41)
```
#101b39
```
#101b39 rgb(16,27,57)
```
#142248
```
#142248 rgb(20,34,72)
```
#182957
```
#182957 rgb(24,41,87)
```
#1d3067
```
#1d3067 rgb(29,48,103)
```
#213876
```
#213876 rgb(33,56,118)
```
#253f85
```
#253f85 rgb(37,63,133)
```
#294695
```
#294695 rgb(41,70,149)
```
#2e4da4
```
#2e4da4 rgb(46,77,164)
```
#3255b3
```
#3255b3 rgb(50,85,179)
```
#365cc3
```
#365cc3 rgb(54,92,195)
```

Shade Color Variation

#4267cb
```
#4267cb rgb(66,103,203)
```
#5173cf
```
#5173cf rgb(81,115,207)
```
#6180d3
```
#6180d3 rgb(97,128,211)
```
#708cd7
```
#708cd7 rgb(112,140,215)
```
#7f98dc
```
#7f98dc rgb(127,152,220)
```
#8fa5e0
```
#8fa5e0 rgb(143,165,224)
```
#9eb1e4
```
#9eb1e4 rgb(158,177,228)
```
#adbde8
```
#adbde8 rgb(173,189,232)
```
#bdcaed
```
#bdcaed rgb(189,202,237)
```
#ccd6f1
```
#ccd6f1 rgb(204,214,241)
```
#dce2f5
```
#dce2f5 rgb(220,226,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 #021a5a 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)
```
#1b2541
```
#1b2541 rgb(27,37,65)
```
#182444
```
#182444 rgb(24,36,68)
```
#142248
```
#142248 rgb(20,34,72)
```
#10204c
```
#10204c rgb(16,32,76)
```
#0d1f4f
```
#0d1f4f rgb(13,31,79)
```
#091d53
```
#091d53 rgb(9,29,83)
```
#061b56
```
#061b56 rgb(6,27,86)
```
#021a5a
```
#021a5a rgb(2,26,90)
```

Tone Color Variation

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

#222222 Achromatopsia 0.005% of the population
#1f222a Atypical Achromatopsia 0.001% of the population

Dichromacy

#1b2e52 Protanopia 1% of men
#003050 Deuteranopia 1% of men
#063337 Tritanopia 0.001% of the population

Trichromacy

#18294e Protanomaly 1% of men, 0.01% of women
#072a4d Deuteranomaly 6% of men, 0.4% of women
#0b2d3d Tritanomaly 0.01% of the population

#142248 hex color

#142248 Color Information

#142248 Color Conversion

Color Schemes with #142248

Alternatives to #142248

#142248 Preview

Shades and Tints of #142248

Tones of #142248

Color Blindness Simulator