#142232 hex color

In a RGB color space, hex #142232 is composed of 7.8% red, 13.3% green and 19.6% blue. Whereas in a CMYK color space, it is composed of 60% cyan, 32% magenta, 0% yellow and 80.4% black. It has a hue angle of 212 degrees, a saturation of 42.9% and a lightness of 13.7%. #142232 color hex could be obtained by blending #284464 with #000000. Closest websafe color is: #003333.

♥
- f
- t
- g
- R 8
- G 13
- B 20
RGB color chart
- C 60
- M 32
- Y 0
- K 80
CMYK color chart

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

The hexadecimal color #142232 has RGB values of R:20, G:34, B:50 and CMYK values of C:0.6, M:0.32, Y:0, K:0.8. Its decimal value is 1319474.

Hex triplet	142232	`#142232`
RGB Decimal	20, 34, 50	`rgb(20,34,50)`
RGB Percent	7.8, 13.3, 19.6	`rgb(7.8%,13.3%,19.6%)`
CMYK	60, 32, 0, 80
HSL	212°, 42.9, 13.7	`hsl(212,42.9%,13.7%)`
HSV (or HSB)	212°, 60, 19.6
Web Safe	003333	`#003333`

CIE-LAB	12.753, -0.328, -12.374
XYZ	1.436, 1.523, 3.236
xyY	0.232, 0.246, 1.523
CIE-LCH	12.753, 12.378, 268.483
CIE-LUV	12.753, -4.779, -10.785
Hunter-Lab	12.341, -0.825, -6.907
Binary	00010100, 00100010, 00110010

#142232
```
#142232 rgb(20,34,50)
```
#322414
```
#322414 rgb(50,36,20)
```

Complementary Color

#143132
```
#143132 rgb(20,49,50)
```
#142232
```
#142232 rgb(20,34,50)
```
#151432
```
#151432 rgb(21,20,50)
```

Analogous Color

#313214
```
#313214 rgb(49,50,20)
```
#142232
```
#142232 rgb(20,34,50)
```
#321514
```
#321514 rgb(50,21,20)
```

Split Complementary Color

#223214
```
#223214 rgb(34,50,20)
```
#142232
```
#142232 rgb(20,34,50)
```
#321422
```
#321422 rgb(50,20,34)
```

Triadic Color

#143224
```
#143224 rgb(20,50,36)
```
#142232
```
#142232 rgb(20,34,50)
```
#321422
```
#321422 rgb(50,20,34)
```
#322414
```
#322414 rgb(50,36,20)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#05090e
```
#05090e rgb(5,9,14)
```
#0d1620
```
#0d1620 rgb(13,22,32)
```
#142232
```
#142232 rgb(20,34,50)
```
#1b2e44
```
#1b2e44 rgb(27,46,68)
```
#233b56
```
#233b56 rgb(35,59,86)
```
#2a4769
```
#2a4769 rgb(42,71,105)
```

Monochromatic Color

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

#142a32
```
#142a32 rgb(20,42,50)
```
#142732
```
#142732 rgb(20,39,50)
```
#142532
```
#142532 rgb(20,37,50)
```
#142232
```
#142232 rgb(20,34,50)
```
#142032
```
#142032 rgb(20,32,50)
```
#141d32
```
#141d32 rgb(20,29,50)
```
#141b32
```
#141b32 rgb(20,27,50)
```

Similar Colors

Text with hexadecimal color #142232

This text has a font color of #142232.

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

#142232 background color

This paragraph has a background color of #142232.

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

#142232 border color

This element has a border color of #142232.

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

CSS codes

.text {color:#142232;}

.background {background-color:#142232;}

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

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

#030508
```
#030508 rgb(3,5,8)
```
#090f16
```
#090f16 rgb(9,15,22)
```
#0e1824
```
#0e1824 rgb(14,24,36)
```
#142232
```
#142232 rgb(20,34,50)
```
#1a2c40
```
#1a2c40 rgb(26,44,64)
```
#1f354e
```
#1f354e rgb(31,53,78)
```
#253f5c
```
#253f5c rgb(37,63,92)
```
#2a486a
```
#2a486a rgb(42,72,106)
```
#305278
```
#305278 rgb(48,82,120)
```
#365b86
```
#365b86 rgb(54,91,134)
```
#3b6594
```
#3b6594 rgb(59,101,148)
```
#416ea2
```
#416ea2 rgb(65,110,162)
```
#4678b0
```
#4678b0 rgb(70,120,176)
```

Shade Color Variation

#5182b9
```
#5182b9 rgb(81,130,185)
```
#5f8cbf
```
#5f8cbf rgb(95,140,191)
```
#6d96c5
```
#6d96c5 rgb(109,150,197)
```
#7ba0ca
```
#7ba0ca rgb(123,160,202)
```
#89aad0
```
#89aad0 rgb(137,170,208)
```
#97b4d5
```
#97b4d5 rgb(151,180,213)
```
#a5bedb
```
#a5bedb rgb(165,190,219)
```
#b3c8e1
```
#b3c8e1 rgb(179,200,225)
```
#c1d2e6
```
#c1d2e6 rgb(193,210,230)
```
#cfdcec
```
#cfdcec rgb(207,220,236)
```
#dde6f1
```
#dde6f1 rgb(221,230,241)
```
#ebf1f7
```
#ebf1f7 rgb(235,241,247)
```
#f9fbfd
```
#f9fbfd rgb(249,251,253)
```

Tint Color Variation

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

#212325
```
#212325 rgb(33,35,37)
```
#1f2327
```
#1f2327 rgb(31,35,39)
```
#1c232a
```
#1c232a rgb(28,35,42)
```
#19222d
```
#19222d rgb(25,34,45)
```
#17222f
```
#17222f rgb(23,34,47)
```
#142232
```
#142232 rgb(20,34,50)
```
#112235
```
#112235 rgb(17,34,53)
```
#0f2237
```
#0f2237 rgb(15,34,55)
```
#0c213a
```
#0c213a rgb(12,33,58)
```
#09213d
```
#09213d rgb(9,33,61)
```
#07213f
```
#07213f rgb(7,33,63)
```
#042142
```
#042142 rgb(4,33,66)
```
#012145
```
#012145 rgb(1,33,69)
```

Tone Color Variation

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

#202020 Achromatopsia 0.005% of the population
#1e2024 Atypical Achromatopsia 0.001% of the population

Dichromacy

#272c3b Protanopia 1% of men
#262c3d Deuteranopia 1% of men
#1c2f32 Tritanopia 0.001% of the population

Trichromacy

#202838 Protanomaly 1% of men, 0.01% of women
#1f2839 Deuteranomaly 6% of men, 0.4% of women
#192a32 Tritanomaly 0.01% of the population

#142232 hex color

#142232 Color Information

#142232 Color Conversion

Color Schemes with #142232

Alternatives to #142232

#142232 Preview

Shades and Tints of #142232

Tones of #142232

Color Blindness Simulator