#204058 hex color

In a RGB color space, hex #204058 is composed of 12.5% red, 25.1% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 63.6% cyan, 27.3% magenta, 0% yellow and 65.5% black. It has a hue angle of 205.7 degrees, a saturation of 46.7% and a lightness of 23.5%. #204058 color hex could be obtained by blending #4080b0 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 13
- G 25
- B 35
RGB color chart
- C 64
- M 27
- Y 0
- K 65
CMYK color chart

● #204058 color description : Very dark blue.

The hexadecimal color #204058 has RGB values of R:32, G:64, B:88 and CMYK values of C:0.64, M:0.27, Y:0, K:0.65. Its decimal value is 2113624.

Hex triplet	204058	`#204058`
RGB Decimal	32, 64, 88	`rgb(32,64,88)`
RGB Percent	12.5, 25.1, 34.5	`rgb(12.5%,25.1%,34.5%)`
CMYK	64, 27, 0, 65
HSL	205.7°, 46.7, 23.5	`hsl(205.7,46.7%,23.5%)`
HSV (or HSB)	205.7°, 63.6, 34.5
Web Safe	333366	`#333366`

CIE-LAB	25.797, -3.531, -17.912
XYZ	4.19, 4.678, 9.914
xyY	0.223, 0.249, 4.678
CIE-LCH	25.797, 18.257, 258.847
CIE-LUV	25.797, -12.357, -21.431
Hunter-Lab	21.629, -3.271, -12.036
Binary	00100000, 01000000, 01011000

#204058
```
#204058 rgb(32,64,88)
```
#583820
```
#583820 rgb(88,56,32)
```

Complementary Color

#205854
```
#205854 rgb(32,88,84)
```
#204058
```
#204058 rgb(32,64,88)
```
#202458
```
#202458 rgb(32,36,88)
```

Analogous Color

#585420
```
#585420 rgb(88,84,32)
```
#204058
```
#204058 rgb(32,64,88)
```
#582024
```
#582024 rgb(88,32,36)
```

Split Complementary Color

#405820
```
#405820 rgb(64,88,32)
```
#204058
```
#204058 rgb(32,64,88)
```
#582040
```
#582040 rgb(88,32,64)
```

Triadic Color

#205838
```
#205838 rgb(32,88,56)
```
#204058
```
#204058 rgb(32,64,88)
```
#582040
```
#582040 rgb(88,32,64)
```
#583820
```
#583820 rgb(88,56,32)
```

Tetradic Color

#0c1720
```
#0c1720 rgb(12,23,32)
```
#122533
```
#122533 rgb(18,37,51)
```
#193245
```
#193245 rgb(25,50,69)
```
#204058
```
#204058 rgb(32,64,88)
```
#274e6b
```
#274e6b rgb(39,78,107)
```
#2e5b7d
```
#2e5b7d rgb(46,91,125)
```
#346990
```
#346990 rgb(52,105,144)
```

Monochromatic Color

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

#204e58
```
#204e58 rgb(32,78,88)
```
#204958
```
#204958 rgb(32,73,88)
```
#204558
```
#204558 rgb(32,69,88)
```
#204058
```
#204058 rgb(32,64,88)
```
#203b58
```
#203b58 rgb(32,59,88)
```
#203758
```
#203758 rgb(32,55,88)
```
#203258
```
#203258 rgb(32,50,88)
```

Similar Colors

Text with hexadecimal color #204058

This text has a font color of #204058.

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

#204058 background color

This paragraph has a background color of #204058.

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

#204058 border color

This element has a border color of #204058.

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

CSS codes

.text {color:#204058;}

.background {background-color:#204058;}

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

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

#010102
```
#010102 rgb(1,1,2)
```
#060c10
```
#060c10 rgb(6,12,16)
```
#0b161e
```
#0b161e rgb(11,22,30)
```
#10212d
```
#10212d rgb(16,33,45)
```
#162b3b
```
#162b3b rgb(22,43,59)
```
#1b364a
```
#1b364a rgb(27,54,74)
```
#204058
```
#204058 rgb(32,64,88)
```
#254a66
```
#254a66 rgb(37,74,102)
```
#2a5575
```
#2a5575 rgb(42,85,117)
```
#305f83
```
#305f83 rgb(48,95,131)
```
#356a92
```
#356a92 rgb(53,106,146)
```
#3a74a0
```
#3a74a0 rgb(58,116,160)
```
#3f7fae
```
#3f7fae rgb(63,127,174)
```

Shade Color Variation

#4689bc
```
#4689bc rgb(70,137,188)
```
#5492c1
```
#5492c1 rgb(84,146,193)
```
#629bc6
```
#629bc6 rgb(98,155,198)
```
#71a5cb
```
#71a5cb rgb(113,165,203)
```
#7faed1
```
#7faed1 rgb(127,174,209)
```
#8eb7d6
```
#8eb7d6 rgb(142,183,214)
```
#9cc0db
```
#9cc0db rgb(156,192,219)
```
#aac9e0
```
#aac9e0 rgb(170,201,224)
```
#b9d2e5
```
#b9d2e5 rgb(185,210,229)
```
#c7dbeb
```
#c7dbeb rgb(199,219,235)
```
#d6e5f0
```
#d6e5f0 rgb(214,229,240)
```
#e4eef5
```
#e4eef5 rgb(228,238,245)
```
#f2f7fa
```
#f2f7fa rgb(242,247,250)
```

Tint Color Variation

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

#3c3c3c
```
#3c3c3c rgb(60,60,60)
```
#373d41
```
#373d41 rgb(55,61,65)
```
#323d46
```
#323d46 rgb(50,61,70)
```
#2e3e4a
```
#2e3e4a rgb(46,62,74)
```
#293f4f
```
#293f4f rgb(41,63,79)
```
#253f53
```
#253f53 rgb(37,63,83)
```
#204058
```
#204058 rgb(32,64,88)
```
#1b415d
```
#1b415d rgb(27,65,93)
```
#174161
```
#174161 rgb(23,65,97)
```
#124266
```
#124266 rgb(18,66,102)
```
#0e436a
```
#0e436a rgb(14,67,106)
```
#09436f
```
#09436f rgb(9,67,111)
```
#044474
```
#044474 rgb(4,68,116)
```

Tone Color Variation

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

#393939 Achromatopsia 0.005% of the population
#343a3f Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f465e Protanopia 1% of men
#3c4662 Deuteranopia 1% of men
#234c52 Tritanopia 0.001% of the population

Trichromacy

#34445b Protanomaly 1% of men, 0.01% of women
#32445e Deuteranomaly 6% of men, 0.4% of women
#224854 Tritanomaly 0.01% of the population

#204058 hex color

#204058 Color Information

#204058 Color Conversion

Color Schemes with #204058

Alternatives to #204058

#204058 Preview

Shades and Tints of #204058

Tones of #204058

Color Blindness Simulator