#204048 hex color

In a RGB color space, hex #204048 is composed of 12.5% red, 25.1% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 55.6% cyan, 11.1% magenta, 0% yellow and 71.8% black. It has a hue angle of 192 degrees, a saturation of 38.5% and a lightness of 20.4%. #204048 color hex could be obtained by blending #408090 with #000000. Closest websafe color is: #333333.

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

● #204048 color description : Very dark desaturated cyan.

The hexadecimal color #204048 has RGB values of R:32, G:64, B:72 and CMYK values of C:0.56, M:0.11, Y:0, K:0.72. Its decimal value is 2113608.

Hex triplet	204048	`#204048`
RGB Decimal	32, 64, 72	`rgb(32,64,72)`
RGB Percent	12.5, 25.1, 28.2	`rgb(12.5%,25.1%,28.2%)`
CMYK	56, 11, 0, 72
HSL	192°, 38.5, 20.4	`hsl(192,38.5%,20.4%)`
HSV (or HSB)	192°, 55.6, 28.2
Web Safe	333333	`#333333`

CIE-LAB	25.08, -9.179, -8.515
XYZ	3.598, 4.442, 6.798
xyY	0.243, 0.299, 4.442
CIE-LCH	25.08, 12.52, 222.849
CIE-LUV	25.08, -12.714, -8.869
Hunter-Lab	21.075, -6.403, -4.373
Binary	00100000, 01000000, 01001000

#204048
```
#204048 rgb(32,64,72)
```
#482820
```
#482820 rgb(72,40,32)
```

Complementary Color

#20483c
```
#20483c rgb(32,72,60)
```
#204048
```
#204048 rgb(32,64,72)
```
#202c48
```
#202c48 rgb(32,44,72)
```

Analogous Color

#483c20
```
#483c20 rgb(72,60,32)
```
#204048
```
#204048 rgb(32,64,72)
```
#48202c
```
#48202c rgb(72,32,44)
```

Split Complementary Color

#404820
```
#404820 rgb(64,72,32)
```
#204048
```
#204048 rgb(32,64,72)
```
#482040
```
#482040 rgb(72,32,64)
```

Triadic Color

#204828
```
#204828 rgb(32,72,40)
```
#204048
```
#204048 rgb(32,64,72)
```
#482040
```
#482040 rgb(72,32,64)
```
#482820
```
#482820 rgb(72,40,32)
```

Tetradic Color

#081113
```
#081113 rgb(8,17,19)
```
#102125
```
#102125 rgb(16,33,37)
```
#183036
```
#183036 rgb(24,48,54)
```
#204048
```
#204048 rgb(32,64,72)
```
#28505a
```
#28505a rgb(40,80,90)
```
#305f6b
```
#305f6b rgb(48,95,107)
```
#386f7d
```
#386f7d rgb(56,111,125)
```

Monochromatic Color

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

#204846
```
#204846 rgb(32,72,70)
```
#204748
```
#204748 rgb(32,71,72)
```
#204348
```
#204348 rgb(32,67,72)
```
#204048
```
#204048 rgb(32,64,72)
```
#203d48
```
#203d48 rgb(32,61,72)
```
#203948
```
#203948 rgb(32,57,72)
```
#203648
```
#203648 rgb(32,54,72)
```

Similar Colors

Text with hexadecimal color #204048

This text has a font color of #204048.

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

#204048 background color

This paragraph has a background color of #204048.

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

#204048 border color

This element has a border color of #204048.

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

CSS codes

.text {color:#204048;}

.background {background-color:#204048;}

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

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

#020404
```
#020404 rgb(2,4,4)
```
#081012
```
#081012 rgb(8,16,18)
```
#0e1c1f
```
#0e1c1f rgb(14,28,31)
```
#14282d
```
#14282d rgb(20,40,45)
```
#1a343a
```
#1a343a rgb(26,52,58)
```
#204048
```
#204048 rgb(32,64,72)
```
#264c56
```
#264c56 rgb(38,76,86)
```
#2c5863
```
#2c5863 rgb(44,88,99)
```
#326471
```
#326471 rgb(50,100,113)
```
#38707e
```
#38707e rgb(56,112,126)
```
#3e7c8c
```
#3e7c8c rgb(62,124,140)
```
#448899
```
#448899 rgb(68,136,153)
```
#4a94a7
```
#4a94a7 rgb(74,148,167)
```

Shade Color Variation

#539fb2
```
#539fb2 rgb(83,159,178)
```
#60a7b8
```
#60a7b8 rgb(96,167,184)
```
#6eaebe
```
#6eaebe rgb(110,174,190)
```
#7bb6c4
```
#7bb6c4 rgb(123,182,196)
```
#89bdcb
```
#89bdcb rgb(137,189,203)
```
#96c5d1
```
#96c5d1 rgb(150,197,209)
```
#a4ccd7
```
#a4ccd7 rgb(164,204,215)
```
#b2d4dd
```
#b2d4dd rgb(178,212,221)
```
#bfdce3
```
#bfdce3 rgb(191,220,227)
```
#cde3e9
```
#cde3e9 rgb(205,227,233)
```
#daebef
```
#daebef rgb(218,235,239)
```
#e8f2f5
```
#e8f2f5 rgb(232,242,245)
```
#f6fafb
```
#f6fafb rgb(246,250,251)
```

Tint Color Variation

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

#343434
```
#343434 rgb(52,52,52)
```
#303638
```
#303638 rgb(48,54,56)
```
#2c393c
```
#2c393c rgb(44,57,60)
```
#283b40
```
#283b40 rgb(40,59,64)
```
#243e44
```
#243e44 rgb(36,62,68)
```
#204048
```
#204048 rgb(32,64,72)
```
#1c424c
```
#1c424c rgb(28,66,76)
```
#184550
```
#184550 rgb(24,69,80)
```
#144754
```
#144754 rgb(20,71,84)
```
#104a58
```
#104a58 rgb(16,74,88)
```
#0c4c5c
```
#0c4c5c rgb(12,76,92)
```
#084e60
```
#084e60 rgb(8,78,96)
```
#045164
```
#045164 rgb(4,81,100)
```

Tone Color Variation

Below, you can see how #204048 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
#32393a Atypical Achromatopsia 0.001% of the population

Dichromacy

#43454e Protanopia 1% of men
#444453 Deuteranopia 1% of men
#2a4a4f Tritanopia 0.001% of the population

Trichromacy

#36434c Protanomaly 1% of men, 0.01% of women
#37424f Deuteranomaly 6% of men, 0.4% of women
#26464c Tritanomaly 0.01% of the population

#204048 hex color

#204048 Color Information

#204048 Color Conversion

Color Schemes with #204048

Alternatives to #204048

#204048 Preview

Shades and Tints of #204048

Tones of #204048

Color Blindness Simulator