#204142 hex color

In a RGB color space, hex #204142 is composed of 12.5% red, 25.5% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 51.5% cyan, 1.5% magenta, 0% yellow and 74.1% black. It has a hue angle of 181.8 degrees, a saturation of 34.7% and a lightness of 19.2%. #204142 color hex could be obtained by blending #408284 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 13
- G 25
- B 26
RGB color chart
- C 52
- M 2
- Y 0
- K 74
CMYK color chart

● #204142 color description : Very dark desaturated cyan.

The hexadecimal color #204142 has RGB values of R:32, G:65, B:66 and CMYK values of C:0.52, M:0.02, Y:0, K:0.74. Its decimal value is 2113858.

Hex triplet	204142	`#204142`
RGB Decimal	32, 65, 66	`rgb(32,65,66)`
RGB Percent	12.5, 25.5, 25.9	`rgb(12.5%,25.5%,25.9%)`
CMYK	52, 2, 0, 74
HSL	181.8°, 34.7, 19.2	`hsl(181.8,34.7%,19.2%)`
HSV (or HSB)	181.8°, 51.5, 25.9
Web Safe	333333	`#333333`

CIE-LAB	25.201, -11.737, -4.371
XYZ	3.469, 4.481, 5.836
xyY	0.252, 0.325, 4.481
CIE-LCH	25.201, 12.524, 200.427
CIE-LUV	25.201, -13.266, -3.622
Hunter-Lab	21.168, -7.791, -1.529
Binary	00100000, 01000001, 01000010

#204142
```
#204142 rgb(32,65,66)
```
#422120
```
#422120 rgb(66,33,32)
```

Complementary Color

#204232
```
#204232 rgb(32,66,50)
```
#204142
```
#204142 rgb(32,65,66)
```
#203042
```
#203042 rgb(32,48,66)
```

Analogous Color

#423220
```
#423220 rgb(66,50,32)
```
#204142
```
#204142 rgb(32,65,66)
```
#422030
```
#422030 rgb(66,32,48)
```

Split Complementary Color

#414220
```
#414220 rgb(65,66,32)
```
#204142
```
#204142 rgb(32,65,66)
```
#422041
```
#422041 rgb(66,32,65)
```

Triadic Color

#204221
```
#204221 rgb(32,66,33)
```
#204142
```
#204142 rgb(32,65,66)
```
#422041
```
#422041 rgb(66,32,65)
```
#422120
```
#422120 rgb(66,33,32)
```

Tetradic Color

#070e0e
```
#070e0e rgb(7,14,14)
```
#0f1f20
```
#0f1f20 rgb(15,31,32)
```
#183031
```
#183031 rgb(24,48,49)
```
#204142
```
#204142 rgb(32,65,66)
```
#285253
```
#285253 rgb(40,82,83)
```
#316364
```
#316364 rgb(49,99,100)
```
#397476
```
#397476 rgb(57,116,118)
```

Monochromatic Color

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

#20423b
```
#20423b rgb(32,66,59)
```
#20423d
```
#20423d rgb(32,66,61)
```
#204240
```
#204240 rgb(32,66,64)
```
#204142
```
#204142 rgb(32,65,66)
```
#203e42
```
#203e42 rgb(32,62,66)
```
#203b42
```
#203b42 rgb(32,59,66)
```
#203942
```
#203942 rgb(32,57,66)
```

Similar Colors

Text with hexadecimal color #204142

This text has a font color of #204142.

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

#204142 background color

This paragraph has a background color of #204142.

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

#204142 border color

This element has a border color of #204142.

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

CSS codes

.text {color:#204142;}

.background {background-color:#204142;}

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

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, #060d0d is the darkest color, while #ffffff is the lightest one.

#060d0d
```
#060d0d rgb(6,13,13)
```
#0d1a1a
```
#0d1a1a rgb(13,26,26)
```
#132728
```
#132728 rgb(19,39,40)
```
#1a3435
```
#1a3435 rgb(26,52,53)
```
#204142
```
#204142 rgb(32,65,66)
```
#264e4f
```
#264e4f rgb(38,78,79)
```
#2d5b5c
```
#2d5b5c rgb(45,91,92)
```
#33686a
```
#33686a rgb(51,104,106)
```
#3a7577
```
#3a7577 rgb(58,117,119)
```
#408284
```
#408284 rgb(64,130,132)
```
#468f91
```
#468f91 rgb(70,143,145)
```
#4d9c9e
```
#4d9c9e rgb(77,156,158)
```
#53a9ac
```
#53a9ac rgb(83,169,172)
```

Shade Color Variation

#60b0b2
```
#60b0b2 rgb(96,176,178)
```
#6eb6b9
```
#6eb6b9 rgb(110,182,185)
```
#7bbdbf
```
#7bbdbf rgb(123,189,191)
```
#88c4c5
```
#88c4c5 rgb(136,196,197)
```
#95cacc
```
#95cacc rgb(149,202,204)
```
#a2d1d2
```
#a2d1d2 rgb(162,209,210)
```
#b0d7d9
```
#b0d7d9 rgb(176,215,217)
```
#bddedf
```
#bddedf rgb(189,222,223)
```
#cae5e5
```
#cae5e5 rgb(202,229,229)
```
#d7ebec
```
#d7ebec rgb(215,235,236)
```
#e5f2f2
```
#e5f2f2 rgb(229,242,242)
```
#f2f8f9
```
#f2f8f9 rgb(242,248,249)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#2f3333
```
#2f3333 rgb(47,51,51)
```
#2b3637
```
#2b3637 rgb(43,54,55)
```
#283a3a
```
#283a3a rgb(40,58,58)
```
#243d3e
```
#243d3e rgb(36,61,62)
```
#204142
```
#204142 rgb(32,65,66)
```
#1c4546
```
#1c4546 rgb(28,69,70)
```
#18484a
```
#18484a rgb(24,72,74)
```
#154c4d
```
#154c4d rgb(21,76,77)
```
#114f51
```
#114f51 rgb(17,79,81)
```
#0d5355
```
#0d5355 rgb(13,83,85)
```
#095659
```
#095659 rgb(9,86,89)
```
#065a5c
```
#065a5c rgb(6,90,92)
```
#025d60
```
#025d60 rgb(2,93,96)
```

Tone Color Variation

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

#373737 Achromatopsia 0.005% of the population
#323939 Atypical Achromatopsia 0.001% of the population

Dichromacy

#464548 Protanopia 1% of men
#48444e Deuteranopia 1% of men
#2d4a4f Tritanopia 0.001% of the population

Trichromacy

#384346 Protanomaly 1% of men, 0.01% of women
#394349 Deuteranomaly 6% of men, 0.4% of women
#28464a Tritanomaly 0.01% of the population

#204142 hex color

#204142 Color Information

#204142 Color Conversion

Color Schemes with #204142

Alternatives to #204142

#204142 Preview

Shades and Tints of #204142

Tones of #204142

Color Blindness Simulator