#142245 hex color

In a RGB color space, hex #142245 is composed of 7.8% red, 13.3% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 71% cyan, 50.7% magenta, 0% yellow and 72.9% black. It has a hue angle of 222.9 degrees, a saturation of 55.1% and a lightness of 17.5%. #142245 color hex could be obtained by blending #28448a with #000000. Closest websafe color is: #003333.

♥
- f
- t
- g
- R 8
- G 13
- B 27
RGB color chart
- C 71
- M 51
- Y 0
- K 73
CMYK color chart

● #142245 color description : Very dark blue.

The hexadecimal color #142245 has RGB values of R:20, G:34, B:69 and CMYK values of C:0.71, M:0.51, Y:0, K:0.73. Its decimal value is 1319493.

Hex triplet	142245	`#142245`
RGB Decimal	20, 34, 69	`rgb(20,34,69)`
RGB Percent	7.8, 13.3, 27.1	`rgb(7.8%,13.3%,27.1%)`
CMYK	71, 51, 0, 73
HSL	222.9°, 55.1, 17.5	`hsl(222.9,55.1%,17.5%)`
HSV (or HSB)	222.9°, 71, 27.1
Web Safe	003333	`#003333`

CIE-LAB	13.957, 7.389, -23.863
XYZ	1.934, 1.722, 5.86
xyY	0.203, 0.181, 1.722
CIE-LCH	13.957, 24.981, 287.206
CIE-LUV	13.957, -4.938, -22.958
Hunter-Lab	13.124, 3.345, -17.289
Binary	00010100, 00100010, 01000101

#142245
```
#142245 rgb(20,34,69)
```
#453714
```
#453714 rgb(69,55,20)
```

Complementary Color

#143b45
```
#143b45 rgb(20,59,69)
```
#142245
```
#142245 rgb(20,34,69)
```
#1f1445
```
#1f1445 rgb(31,20,69)
```

Analogous Color

#3b4514
```
#3b4514 rgb(59,69,20)
```
#142245
```
#142245 rgb(20,34,69)
```
#451f14
```
#451f14 rgb(69,31,20)
```

Split Complementary Color

#224514
```
#224514 rgb(34,69,20)
```
#142245
```
#142245 rgb(20,34,69)
```
#451422
```
#451422 rgb(69,20,34)
```

Triadic Color

#144537
```
#144537 rgb(20,69,55)
```
#142245
```
#142245 rgb(20,34,69)
```
#451422
```
#451422 rgb(69,20,34)
```
#453714
```
#453714 rgb(69,55,20)
```

Tetradic Color

#03050a
```
#03050a rgb(3,5,10)
```
#090f1d
```
#090f1d rgb(9,15,29)
```
#0e1831
```
#0e1831 rgb(14,24,49)
```
#142245
```
#142245 rgb(20,34,69)
```
#1a2c59
```
#1a2c59 rgb(26,44,89)
```
#1f356d
```
#1f356d rgb(31,53,109)
```
#253f80
```
#253f80 rgb(37,63,128)
```

Monochromatic Color

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

#142e45
```
#142e45 rgb(20,46,69)
```
#142a45
```
#142a45 rgb(20,42,69)
```
#142645
```
#142645 rgb(20,38,69)
```
#142245
```
#142245 rgb(20,34,69)
```
#141e45
```
#141e45 rgb(20,30,69)
```
#141a45
```
#141a45 rgb(20,26,69)
```
#141645
```
#141645 rgb(20,22,69)
```

Similar Colors

Text with hexadecimal color #142245

This text has a font color of #142245.

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

#142245 background color

This paragraph has a background color of #142245.

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

#142245 border color

This element has a border color of #142245.

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

CSS codes

.text {color:#142245;}

.background {background-color:#142245;}

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

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

#020408
```
#020408 rgb(2,4,8)
```
#070c17
```
#070c17 rgb(7,12,23)
```
#0b1327
```
#0b1327 rgb(11,19,39)
```
#101b36
```
#101b36 rgb(16,27,54)
```
#142245
```
#142245 rgb(20,34,69)
```
#182954
```
#182954 rgb(24,41,84)
```
#1d3163
```
#1d3163 rgb(29,49,99)
```
#213873
```
#213873 rgb(33,56,115)
```
#264082
```
#264082 rgb(38,64,130)
```
#2a4791
```
#2a4791 rgb(42,71,145)
```
#2e4fa0
```
#2e4fa0 rgb(46,79,160)
```
#3356af
```
#3356af rgb(51,86,175)
```
#375ebf
```
#375ebf rgb(55,94,191)
```

Shade Color Variation

#4168c8
```
#4168c8 rgb(65,104,200)
```
#5174cc
```
#5174cc rgb(81,116,204)
```
#6080d1
```
#6080d1 rgb(96,128,209)
```
#6f8cd5
```
#6f8cd5 rgb(111,140,213)
```
#7e98da
```
#7e98da rgb(126,152,218)
```
#8ea5de
```
#8ea5de rgb(142,165,222)
```
#9db1e3
```
#9db1e3 rgb(157,177,227)
```
#acbde7
```
#acbde7 rgb(172,189,231)
```
#bbc9eb
```
#bbc9eb rgb(187,201,235)
```
#cad5f0
```
#cad5f0 rgb(202,213,240)
```
#dae1f4
```
#dae1f4 rgb(218,225,244)
```
#e9edf9
```
#e9edf9 rgb(233,237,249)
```
#f8f9fd
```
#f8f9fd rgb(248,249,253)
```

Tint Color Variation

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

#2c2c2d
```
#2c2c2d rgb(44,44,45)
```
#292b30
```
#292b30 rgb(41,43,48)
```
#252934
```
#252934 rgb(37,41,52)
```
#222837
```
#222837 rgb(34,40,55)
```
#1e263b
```
#1e263b rgb(30,38,59)
```
#1b253e
```
#1b253e rgb(27,37,62)
```
#172342
```
#172342 rgb(23,35,66)
```
#142245
```
#142245 rgb(20,34,69)
```
#112148
```
#112148 rgb(17,33,72)
```
#0d1f4c
```
#0d1f4c rgb(13,31,76)
```
#0a1e4f
```
#0a1e4f rgb(10,30,79)
```
#061c53
```
#061c53 rgb(6,28,83)
```
#031b56
```
#031b56 rgb(3,27,86)
```

Tone Color Variation

Below, you can see how #142245 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
#1f2229 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1d2d4e Protanopia 1% of men
#112f4d Deuteranopia 1% of men
#0e3337 Tritanopia 0.001% of the population

Trichromacy

#1a294b Protanomaly 1% of men, 0.01% of women
#122a4a Deuteranomaly 6% of men, 0.4% of women
#102c3c Tritanomaly 0.01% of the population

#142245 hex color

#142245 Color Information

#142245 Color Conversion

Color Schemes with #142245

Alternatives to #142245

#142245 Preview

Shades and Tints of #142245

Tones of #142245

Color Blindness Simulator